HTML Attributes

ABISHEK M — Wed, 15 Jul 2026 17:59:08 +0000

What are HTML Attributes?

HTML attributes provide additional information about an HTML element. They help the browser understand how an element should behave, what extra information it contains, or how it should be displayed on a webpage. Attributes are always written inside the opening tag of an HTML element and usually follow the format attribute="value".

Syntax

<tagname attribute="value">Content</tagname>

For example:

<a href="https://www.google.com">Google</a>

In this example, <a> is the HTML element, and href is the attribute. The href attribute tells the browser which webpage should open when the link is clicked.

Why Are Attributes Used?

HTML tags create the basic structure of a webpage, but many elements need additional information to perform their intended task. Attributes provide these extra details and make HTML elements more useful. They help define how an element behaves, what content it should display, and how users can interact with it.

For example:

<img src="flower.jpg" alt="Flower">

The src attribute specifies the image file that should be displayed, while the alt attribute provides alternative text if the image cannot be loaded. Without these attributes, the browser would not know which image to display or what text to show when the image is unavailable.

Multiple Attributes

An HTML element can contain more than one attribute. Each attribute performs a different task, but together they provide complete information about the element.

<img src="flower.jpg" alt="Flower" width="300" height="200">

In this example, src specifies the image file, alt provides alternative text, width defines the image width, and height defines the image height. All these attributes work together to control how the image appears on the webpage.

Common HTML Attributes

Some attributes can be used with many HTML elements, while others are designed for specific elements. Below are some of the most commonly used HTML attributes:

href – Specifies the destination of a hyperlink.
src – Specifies the location of an image, video, audio, or other file.
alt – Provides alternative text for an image.
id – Assigns a unique identifier to an HTML element.
class – Groups multiple elements together for CSS styling or JavaScript.
style – Applies CSS directly to an HTML element.
title – Displays additional information as a tooltip when the mouse pointer is placed over an element.
placeholder – Displays a hint inside an input field before the user enters data.
required – Makes a form field mandatory before submission.
disabled – Disables an element so it cannot be used or interacted with.
checked – Selects a checkbox or radio button by default.

These attributes are widely used when building web pages because they improve the functionality, appearance, and usability of HTML elements.

HTML

ABISHEK M — Wed, 15 Jul 2026 17:06:42 +0000

My First Day Learning HTML

HTML is the first step in web development. It stands for "HyperText Markup Language" and is used to create the structure of a webpage. Every website on the internet starts with HTML, while CSS is used to improve the design and JavaScript is used to add interactivity.

Every HTML document follows a basic structure. It starts with <!DOCTYPE html>, followed by the <html>, <head>, and <body> tags. These tags help the browser understand how to display the webpage correctly.

The <!DOCTYPE html> declaration tells the browser that the document is written in HTML5.

The <html> tag is the root element of the webpage. All the content of the webpage is written inside this tag.

The <head> tag contains information about the webpage, such as the page title, meta information, CSS files, and JavaScript files. The content inside the <head> tag is not displayed on the webpage, but it helps the browser process the page correctly.

The <body> tag contains everything that appears on the webpage. Elements such as headings, paragraphs, images, buttons, links, and forms are placed inside the <body> tag. Whatever is written inside this section is displayed to the user in the browser.

Learning the basic structure of HTML is an important first step because every webpage is built using these fundamental tags. Once these basics are clear, it becomes much easier to create and understand web pages.