Home

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:

project.html

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

&nbsp 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>

๐Ÿ“˜ Grade 8 HTML Project

  Topic: Basic HTML Formatting & Web Page Design ๐ŸŽฏ Objective Students will create a simple web page using HTML to demonstrate: T...