Wednesday, February 18, 2026
Wednesday, January 28, 2026
📘 Grade 8 HTML Project
Topic: Basic HTML Formatting & Web Page Design
🎯 Objective
Students will create a simple web page using HTML to demonstrate:
-
Text formatting
-
Font color, size, and face
-
Image insertion
-
Table creation
-
Hyperlink creation
📝 Project Title (Student can choose ONE)
-
My Introduction
-
My School
-
My Favorite Hobby
-
My Favorite Place
📌 Instructions for Students
Create one HTML file named:
Your webpage must include the following:
1️⃣ Text Formatting (MANDATORY)
Use HTML tags to show:
-
Bold text
-
Italic text
-
<u>Underline text</u>
👉 Example content:
-
Your name in bold
-
Your class in italic
-
Your school name underlined
2️⃣ Font Formatting (MANDATORY)
Change:
-
Font color
-
Font size
-
Font face (style)
👉 Use different colors like:
-
Red
-
Blue
-
Green
3️⃣ Image Insertion (MANDATORY)
-
Insert at least ONE image
-
Image should relate to your topic
(school, hobby, place, etc.)
👉 Image must be visible properly on the webpage.
4️⃣ Table Creation (MANDATORY)
Create a table with:
-
At least 3 rows
-
At least 2 columns
👉 Example:
-
Subjects & Marks
-
Day & Activity
-
Country & Capital
5️⃣ Hyperlink (MANDATORY)
-
Add at least ONE hyperlink
-
Link can be:
-
School website
-
Google
-
Wikipedia
-
👉 Link text should be meaningful.
🧪 Extra (Optional – Bonus Marks ⭐)
-
Background color
-
Center aligned heading
-
Horizontal line
<hr>
Thursday, November 28, 2024
Html - Coding
Basic Structure
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Basics of Text Formatting
<p> </p> Paragraph
<br> Line Break
  Spacing
<h1></h1> to <h6></h6> Heading and Sub Headings
<center> </center> Center Text
<font size=?> size ranges from 1 to 7 </font> Font Size
<font color=?> color ranges </font> Font Color
<font face=?> font format </font> Font Face
List in HTML
<ul> Unordered List
<li> </li>
</ul>
<ol> Ordered Lists
<li> </li>
</ol>
<dl> Definition List
<dt> </dt>
<dd> </dd>
</dl>
Adding Image in a Webpage with border
<img src="C:\Users\HP440\Pictures\anyimage.jpg" border=5>
Specifying Image size in a webpage and alternate to an image
<img src="C:\Users\HP440\Pictures\anyimage.jpg" height=300 weidth=300 alt="anypicture">
Background, Foreground Colors and Background Images
<body background="C:\Users\HP440\Pictures\anyimage.jpg" bgcolor=blue text=yellow>
</body>
Hyperlinks & Anchor Tags
<a href="https://www.wikipedia.org/" target="_blank"> Click for Wikepedia </a>
Hyperlink within a web page
<h1>para1</h1><a href=#p15> Go to para 15</a>
<h1>para15</h1><a name="p15"> </a>
Graphical Hyperlink
<a href="https://www.wikipedia.org/"> <img src="C:\Users\HP440\Pictures\wikepedia.jpg"> </a>
Creating Tables
<table border=1 cellspacing=5 cellpadding=5>
<tr>
<td> </td>
</tr>
</table>