📘 Objective:
Create a single-page website using HTML and CSS that introduces yourself (or an imaginary person), using all the key elements you’ve learned in class — headings, paragraphs, images, links, lists, tables, and CSS styling.
📝 Instructions:
-
HTML File:
index.html-
Start with the basic HTML structure (
<html>,<head>,<body>). -
Add a suitable title in the
<title>tag. -
Use at least:
-
One heading (
<h1>to<h3>) -
One paragraph (
<p>) -
One line break (
<br>) -
One unordered list and one ordered list
-
One image with proper height, width, and
alttext -
One hyperlink to an external site (e.g., Wikipedia or your school’s website)
-
One table with at least 2 rows and 3 columns (e.g., schedule, hobbies, or marks)
-
One anchor link within the same page (e.g., jump to bottom/top)
-
-
-
CSS File:
style.css-
Link it in the
<head>section using: -
Add at least five CSS rules, e.g.:
-
body { background-color: lightblue; } -
h1 { color: navy; text-align: center; } -
p { font-family: Arial; font-size: 16px; } -
img { border: 3px solid black; } -
table { border-collapse: collapse; }
-
-
-
Use different text colors, font sizes, and font faces using either HTML
<font>or CSS styling. -
Save both files in the same folder so the CSS and images display correctly.
No comments:
Post a Comment