Scribd
Upload
11 views1 page

Create Your First HTML Autobiography

The document outlines an activity for students to create a simple two-page personal website using HTML. Students are required to design an autobiography page and a gallery page showcasing six images related to their student life. The task emphasizes understanding HTML structure and linking pages, with specific guidelines on elements to use and submission requirements.

Uploaded by

lauo179318
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views1 page

Create Your First HTML Autobiography

The document outlines an activity for students to create a simple two-page personal website using HTML. Students are required to design an autobiography page and a gallery page showcasing six images related to their student life. The task emphasizes understanding HTML structure and linking pages, with specific guidelines on elements to use and submission requirements.

Uploaded by

lauo179318
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Activity Title: My First Web Page - Student Autobiography with Gallery

Scenario:

You are a student learning how to create web pages using HTML (HyperText Markup Language) the foundation of
every website and system interface. As part of your learning, you are asked to apply your knowledge of HTML
structure, elements, and attributes to design a simple two-page personal website.

Your task is to create your own autobiography page and a gallery page that showcases six images representing who
you are as a student. The goal of this activity is to help you understand how HTML is used in designing and linking
web pages, just like how system analysts use it to visualize user interfaces during the System Design and
Implementation phases.

Task Overview:

You need to create two HTML pages:

1. [Link] – your main page introducing yourself.

2. [Link] – a linked page showing six images related to your student life, hobbies, or interests.

Guidelines:

• Use the correct HTML structure (<!DOCTYPE>, <html>, <head>, <body>).

• Apply basic HTML elements such as:

o <h1> and <h2> for headings

o <p> for paragraphs

o <img> for images

o <a> for links

• Include at least one working link from [Link] to [Link].

• The gallery page must display a total of six images using the src attribute.

• Use relative URLs if your images are saved in the same folder as your HTML files.

Expected Output:

A simple, functional two-page website were clicking the “View My Gallery” link from your autobiography page opens
your gallery page showing six images.

Submission:

• Submit both HTML files:

o [Link]

o [Link]

• Include screenshots of both pages as viewed in a browser.

*TRY TO FIND explore COMPILER ON PLAYSTORE FOR MOBILE PHONE (webcode-html,css,js)

*Upload the output on the link, create a folder, and edit it with your full name.

You might also like