🔗 Module 3: Links, Images, and Media

 

Lesson 3.1: Hyperlinks and Navigation

🔹 Overview:

Use the <a> tag to create links between pages, sites, or within a page.

🔹 Attributes:

• href: The URL
• target="_blank": Opens link in new tab
• id: For anchor links

🔹 Example:

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

📝 Assignment:

• Link your page to an external site and another internal file

Lesson 3.2: Images in HTML

🔹 Overview:

The <img> tag is used to display images.

🔹 Attributes:

• src: Source of the image
• alt: Alternate text (important for accessibility)
• width / height: Dimensions

🔹 Example:

<img src="image.jpg" alt="A scenic view" width="300">
        

📝 Assignment:

• Add 3 images to a page and write unique alt text for each

Lesson 3.3: Embedding Media

🔹 Overview:

Use <video> and <audio> to embed media.

🔹 Example:

<video controls width="320">
  <source src="movie.mp4" type="video/mp4">
</video>

<audio controls>
  <source src="song.mp3" type="audio/mp3">
</audio>

        

📝 Assignment:

• Embed a video and audio file on your site