Scribd
Upload
3 views2 pages

HTML Lab Worksheet for 3rd Year HI Students

The document outlines a lab worksheet for 3rd year HI students, detailing tasks related to HTML structure, lists, images, tables, forms, and iframes, with specific file names and instructions for each lab. Students are required to create a folder named 'Html_lab_review' and include various HTML files demonstrating their skills. The due date for the assignment is set for 10/04/2018 E.C.

Uploaded by

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

HTML Lab Worksheet for 3rd Year HI Students

The document outlines a lab worksheet for 3rd year HI students, detailing tasks related to HTML structure, lists, images, tables, forms, and iframes, with specific file names and instructions for each lab. Students are required to create a folder named 'Html_lab_review' and include various HTML files demonstrating their skills. The due date for the assignment is set for 10/04/2018 E.C.

Uploaded by

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

IP, HTML lab work sheet for 3rd year HI students due date: 10/04/2018 E.

Create a folder named as Html_lab_review then add the following files.

Create a simple navigation menu with <ul><li> for each file at the first page of your file,
named as homepage

Use horizontal lines and/or breaks for better look

Lab 1: HTML Structure & Headings

Instructions

1. Create a file named html [Link]

 Add the basic structure: Inside <body>:Add


 your name in an <h1>
 Add a paragraph describing yourself
 Add an <h2> heading for "My Hobbies"
 Add 2–3 paragraphs
 Add an HTML comment at the end

Lab 2: Lists & Links

Instructions

1. Create lists_links.html
2. Add:
o Ordered list (your top 5 foods)
o Unordered list (your skills)
o Nested list (country → cities)
o Add a link to Google
o Add email link
o Add a link to your html structure page

Lab 3: Images & Media- file name [Link]

Instructions

1. Create a folder images


2. Save an image inside
3. Add image with alt, width
4. Add <audio> and <video> with controls

Prepared by: Sara Beyene 2025/26 GC or 2018 E.C academic year


Lab 4: [Link]
 Create a class timetable containing day, course, time course
 use thead, tbody, tfoot
 Add border, caption
 Merge cells (rowspan, colspan)

Example of final look of a table

Lab 5: Forms (Very important in modern web)----[Link]


 Create a registration form containing:
o Full name (text)
o Email
o Password
o Gender (radio)
o Skills (checkbox)
o Date of birth
o File upload
o Submit and reset buttons
 Use Label & name attributes; Fieldset & legend; and Form validation attributes:
required, pattern, min, max
 Use table to control the layout of a form

Lab 6: iFrames & Embedding---- [Link]


 Create 3-column layout using table or frame, then
o Insert Google Map iframe for your location (maybe Gondar city)
o Embed YouTube video teaches html tutorial
o Add your pdf file ( create a file about CSS selectors, properties and values in Ms word then
save as pdf file.)

Prepared by: Sara Beyene 2025/26 GC or 2018 E.C academic year

You might also like