What are HTML attributes? Give some examples.

In HTML, elements can have additional information called attributes. Attributes provide extra details about an element and control its behavior or appearance.

Structure of an HTML Attribute

Attributes are placed inside the opening tag of an element. The general syntax is:

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

For example:

<a href="https://example.com">Visit Example</a>

In this example, href is the attribute, and "https://example.com" is its value.

Common HTML Attributes

Examples of HTML Attributes in Use

Link Example

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

Image Example

<img src="logo.png" alt="Company Logo" width="150">

Div with ID and Class

<div id="header" class="main-header">
  <h1>Welcome</h1>
</div>

Best Practices for Using Attributes

• Always use quotes around attribute values
• Use meaningful names for id and class
• Use the alt attribute for all images for accessibility
• Keep inline styles minimal; prefer CSS classes
• Validate HTML to catch missing or invalid attributes

Conclusion

HTML attributes enhance elements by providing additional information or controlling behavior. They are essential for creating functional, accessible, and well-structured web pages.

Learning how to use attributes effectively is a key step toward mastering HTML and web development.