HTML Lab Questions (20)
1. Colors:
Create a web page with a red background and blue heading text.
2. Inline CSS Colors:
Write a paragraph where the first sentence is green and the second sentence is
purple using inline CSS.
3. Absolute Link:
Create a link that opens [Link] in a new tab.
4. Relative Link:
Make a link from [Link] that goes to another file named [Link].
5. Image (Local):
Insert an image named [Link] stored in the same folder and set its width to 200px.
6. Image (External URL):
Display an image using an image URL from the internet.
7. Favicon:
Add a favicon ([Link]) to a web page.
8. Page Title:
Create a page with the title "My First HTML Page" shown in the browser tab.
9. Table (Simple):
Create a table with 3 rows and 2 columns containing sample student names and marks.
10. Table with Border:
Create a table with border, cell padding, and cell spacing showing employee details.
11. Ordered List:
Create an ordered list of 5 programming languages.
12. Unordered List:
Create an unordered list of your favorite fruits.
13. Description List:
Create a description list explaining HTML, CSS, and JavaScript.
14. Block vs Inline:
Show an example where a <div> takes the full width and an <span> only takes text
width.
15. Div, Class, Id:
Create 3 <div> elements with different background colors using class and id selectors.
16. Iframe (Website):
Embed [Link] or another website inside an <iframe>.
17. Iframe (Map):
Embed a Google Map location using an <iframe>.
18. Relative File Path:
Insert an image from a folder named /images located inside the project folder.
19. Parent Folder File Path:
Create a link from your pages/[Link] to open ../[Link] file in the parent
directory.
20. Mini Project Page:
Build a small webpage that includes:
Title & favicon
A table of student marks
A list of hobbies
An image
A working link to another page