Scribd
Upload
17 views8 pages

HTML Basics Project for Students

This document is an HTML project submitted by a student from XYZ Public School, detailing various HTML concepts such as paragraphs, formatting elements, and nested lists. It includes code examples for creating a webpage about tigers and an orientation program. The project acknowledges the guidance of the computer teacher in learning HTML basics.

Uploaded by

Nikhil Raj
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
17 views8 pages

HTML Basics Project for Students

This document is an HTML project submitted by a student from XYZ Public School, detailing various HTML concepts such as paragraphs, formatting elements, and nested lists. It includes code examples for creating a webpage about tigers and an orientation program. The project acknowledges the guidance of the computer teacher in learning HTML basics.

Uploaded by

Nikhil Raj
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

File on HTML

School Name: XYZ Public School

School Logo: [Paste Logo Here]

Session: 2024-2025

Subject: Computer

Submitted by: John Doe, Roll No. 12, Class X, Admission No. 1234, Registration No. 5678

Submitted to: Computer Teacher


Acknowledgment
I would like to express my sincere gratitude to my computer teacher for guiding me
throughout the completion of this HTML project. This project has helped me understand the
basics of HTML structure and formatting.
Index
1. Paragraph in HTML

2. HTML Formatting Elements

3. Tiger Webpage

4. Orientation Programme

5. Nested List
Q1. Paragraph in HTML
<!DOCTYPE html>
<html>
<head>
<title>Paragraph in HTML</title>
</head>
<body style="background-color:cyan;">
<h1>Paragraph in html</h1>
<p>This paragraph contains a lot of lines in the source code, but the browser ignores
it.</p>
<p>This paragraph contains a lot of spaces in the source code, but the browser ignores
it.</p>
<p>
The number of lines in a paragraph depends on the size of the browser window.
If you resize the browser window, the number of lines in this paragraph will change.
</p>
</body>
</html>
Q2. HTML Formatting Elements
<!DOCTYPE html>
<html>
<head>
<title>Formatting Elements</title>
</head>
<body style="background-color:gold;">
<h1>HTML Formatting Elements</h1>
<p><b>This text is bold</b></p>
<p><i>This text is italic</i></p>
<p>This is <u>under</u> and <sup>superscript</sup></p>
</body>
</html>
Q3. Tiger Webpage
<!DOCTYPE html>
<html>
<head>
<title>Tiger</title>
</head>
<body style="background-color:cyan;">
<h1>TIGER</h1>
<img src="[Link]
alt="Tiger_image"
height="600"
width="600">
<h2>Types of Tigers</h2>
<ul>
<li>Bengal Tiger</li>
<li>Siberian Tiger</li>
<li>Sumatran Tiger</li>
</ul>
</body>
</html>
Q4. Orientation Programme
<!DOCTYPE html>
<html>
<head>
<title>Orientation Programme</title>
</head>
<body>
<h1 style="color:blue;">ABC International School</h1>
<h2 style="color:green;">Cultural Club</h2>
<h3 style="color:cyan;">Orientation programme on 15<sup>th</sup> March 2024</h3>
</body>
</html>
Q5. Nested List
<!DOCTYPE html>
<html>
<head>
<title>Nested List</title>
</head>
<body>
<ul>
<li>A few new Indian states:
<ul>
<li>Jharkhand</li>
<li>Uttaranchal</li>
<li>Chhattisgarh</li>
</ul>
</li>
<li>Two other states:
<ul>
<li>West Bengal</li>
<li>Karnataka</li>
</ul>
</li>
</ul>
</body>
</html>

You might also like