HTML Attributes

All HTML elements can have attributes. They provide additional information about elements and are always specified in the start tag. Attributes usually come in name/value pairs like: code>name="value".

The href Attribute

The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to.

Visit Utilizor

The src Attribute

The <img> tag is used to embed an image in an HTML page. The src attribute specifies the path to the image to be displayed.

There are two ways to specify the URL in the src attribute:

Absolute URL: Links to an external image that is hosted on another website.
Relative URL: Links to an image that is hosted within the website. It is almost always best to use relative URLs as they will not break if you change domain.

The width and height Attributes

The <img> tag should also contain the width and height attributes, which specify the dimensions of the image in pixels.

The alt Attribute

The required alt attribute for the <img> tag specifies an alternate text for an image, if the image for some reason cannot be displayed. This can be due to a slow connection, or an error in the src attribute, or if the user uses a screen reader.

The style Attribute

The style attribute is used to add styles to an element, such as color, font, size, and more.

This is a red paragraph.

The lang Attribute

You should always include the lang attribute inside the <html> tag to declare the language of the Web page. The following example specifies English as the language and United States as the country:

<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>

The title Attribute

The title attribute defines some extra information about an element. The value of the title attribute will be displayed as a tooltip when you mouse over the element.

This is a paragraph.

Attribute Best Practices

It is recommended to use lowercase for attributes and always use quotes around attribute values.

HTML Attributes

Test Your Knowledge!