Adding comments in HTML (<!-- comment -->)

0
5K

While global attributes can be applied to any HTML element, some attributes are specific to certain elements. Let's look at two common examples:

alt attribute for images (<img>)

  • Purpose: Provides alternative text for an image. This text is displayed if the image cannot be loaded, or for users who are visually impaired and use screen readers.
  • Usage:
    HTML
    <img src="image.jpg" alt="A beautiful landscape">
      
  • Key points:
    • Essential for accessibility.
    • Should accurately describe the image content.
    • Can be left empty for purely decorative images.

href attribute for links (<a>)

  • Purpose: Specifies the URL of the linked resource.
  • Usage:
    HTML
    <a href="https://www.example.com">Visit Example.com</a>
    
  • Key points:
    • Can link to internal pages, external websites, or email addresses.
    • Other attributes like target can be used to control how the link opens (e.g., _blank for a new tab).

Example

HTML
<p>Here's an image of a cat:</p>
<img src="cat.jpg" alt="A cute cat">

<p>Click here to visit our website:</p>
<a href="https://ourwebsite.com">Visit Us</a>

Important considerations:

  • Always provide meaningful alt text for images.
  • Use clear and descriptive link text.
  • Validate links to ensure they work correctly.

By using these element-specific attributes effectively, you can create more accessible and informative web pages.

Search
Categories
Read More
Biology
S.4 BIOLOGY SCENARIO BASED QUESTIONS
S.4 BIOLOGY SCENARIO BASED QUESTIONS
By TALKS OF BIOLOGY 2024-08-28 14:30:56 0 6K
Technology
Versions of the Linux Operating System
Linux is a versatile and open-source operating system kernel that serves as the foundation for a...
By tebtalks 2024-07-13 07:17:35 0 5K
Computer Programming
HTML Table Headers: A Comprehensive Guide
HTML table headers are used to define the columns or rows of a table. They are typically styled...
By HTML PROGRAMMING LANGUAGE 2024-09-06 01:31:21 0 6K
Computer Programming
Inline Styles in HTML
Inline styles are a way to directly apply CSS properties to individual HTML elements. They are...
By HTML PROGRAMMING LANGUAGE 2024-08-29 02:14:38 0 5K