Day 2: Hyperlinks and Images

QUESTION 1:
File: hyperlinks.html

Description:
Create a page with three hyperlinks:

One that opens an external website.
One that links to another section of the same page.
One that opens a different HTML file.

QUESTION 2:
File: images.html

Description:
Create a page that:

Displays an image using the <img> tag.
Adds alternate text for the image using the alt attribute.
Resizes the image using the width and height attributes.

QUESTION 3:
File: imagelink.html

Description:
Add an image that acts as a hyperlink.

When clicked, the image should redirect to an external website.

QUESTION 4:
File: anchor.html

Description:
Create a page with:

A table of contents at the top with anchor links.
Sections in the page corresponding to the table of contents.

QUESTION 5:
File: gallery.html

Description:
Create a page with:

A gallery of three images.
Captions for each image using the <figcaption> tag

QUESTION 6:
Project: ImageMap
Package: org.imagemap
File: imagemap.html

Description:
Create an image map:

Use an image as the base.
Add clickable areas (rectangles, circles, or polygons) that link to different pages.

QUESTION 7:
File: download.html

Description:
Create a link to download a file:

Use the download attribute in the <a> tag.
Link to a .pdf or .txt file.

QUESTION 8:
File: tooltip.html

Description:
Add tooltips to hyperlinks:

Use the title attribute in the <a> tag.

QUESTION 9:
File: lazyloading.html

Description:
Add images to a page using lazy loading:

Use the loading="lazy" attribute in the <img> tag.

QUESTION 10:
File: fallback.html

Description:
Add an image with a fallback mechanism:

Display alternate text if the image fails to load.