Scribd
Upload
6 views

Report on html CLASS 10

The document is a report file on basic HTML submitted by a student of Greenwood Public School for the 2024-2025 session. It contains various HTML code examples for creating headings, paragraphs, images, links, audio, video, lists, forms, and tables. Each section demonstrates different HTML elements and their usage in web development.

Uploaded by

kjadoun22
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

Report on html CLASS 10

The document is a report file on basic HTML submitted by a student of Greenwood Public School for the 2024-2025 session. It contains various HTML code examples for creating headings, paragraphs, images, links, audio, video, lists, forms, and tables. Each section demonstrates different HTML elements and their usage in web development.

Uploaded by

kjadoun22
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

GREENWOOD PUBLIC SCHOOL

ADITYAPURAM, GWALIOR (M.P.)


SESSION 2024-2025
CLASS10TH

REPORT FILE ON BASIC HTML

SUBMITTED TO: SUBMITTED BY:


MR.GAJENDRA SINGH
SECTION “ ”
Q.1 Write html code for creating headings as well as paragraph on Webpage.

<HTML>
<HEAD>
<TITLE>Welcome to Greenwood School Demo page</title>
</head>
<body bgcolor="lightyellow" text="Red">

<h1 align="center">Welcome to Greenwood School Page</h1><br>


<hr>
<h2>Dear students we are going to learn about HTML</h2>
<p> HTML stands for hypertext markup language and it is a script language not a programming
language.HTML is used to create webpages. </p>

</body>
</html>
Q.2 Write html code for inserting image on webpage.

<HTML>
<HEAD>
<TITLE> WEBPAGE FOR IMAGE. </TITLE>
</HEAD>
<BODY BACKGROUND="C:\Users\Desktop\flowers.jpg"height="40%"width="50%">

<img src="C:\Users\Desktop\crops.jpg"align=rightheight="50%"width="50%">

</BODY>
</HTML>
Q.3 Write html code for creating Link to open Google.

<HTML>
<HEAD>
<TITLE>Demo Webpage</title>
</head>
<body bgcolor="lightyellow" text="Red">

<h1 align="center">Demo Webpage for Opening Link</h1><br>


<Hr>
<a href="Http:\\www.google.com">ClickheretoopenGoogle</a>
</body>
</html>
Q.4 Write html code for inserting audio file “Yasomati maiya song and also make a link to
play that song.

<HTML>
<head>
<title>Webpage for inserting audio file..</title>
</head>
<body>
<Center>
<audio src="C:\Users\Desktop\html\yasomatimaiyase.mp3"controlsautoplay="autoplay">
</audio>

<br>
<a href="C:\Users\Desktop\html\yasomatimaiyase.mp3">click here to Play Yasomati maiya
song</a>
</center>
</body>
</HTML>
Q.5 Write html code for inserting video file.

<HTML>
<head>
<title>Webpage for inserting video file..</title>
</head>
<body>
<center>
<video src="C:\Users\Desktop\html\uri.mkv"controls autoplay="autoplay">
</video>

<br>
</center>
</body>
</HTML>

..
Q.6 Write html code to create an ordered list for transport.
<HTML>
<HEAD>
<TITLE>Demo forcreatinglist </title>
</head>
<body bgcolor="light green">
<h1 align="center">Now we are going to create list.</h1><br>
<font color="Yellow” size=10face="Papyrus">
<ol>Transport

<li>Bike</li>
<li>Car</Li>
<li>Bus</li>
<li>Train</li>
<li>Airoplane</li>

</ol>
</font>
</body>
</html>
Q.7 Write html code to create an unordered list for books.
<HTML>
<HEAD>
<TITLE>Demo for creating list </title>
</head>
<body bgcolor="lightgreen">
<h1 align="center">Now we are going to create Unorder list.</h1><br>
<font color="Red"size=10face="Papyrus">
<Ul type="Circle">Books

<li>Hindi</li>
<li>Maths</Li>
<li>History</li>
<li>English</li>
<li>Science</li>

</ul>
</font>
</body>
</html>
Q.8 Write html code for creating heading as well as text style on webpage..
<html>
<head>
<title>Demo for font tag..</title>
</head>
<body bgcolor="cyan">
<font color="red"size="14"face="papyrus">
<p align="center"><b> Every HTML document contains standard or basic structure tags.Basic
structure tags are the tags required bythe browser.</b></p>
</font>
<p> Helloworldthisistimeto changeyourself.</p>
<p> <b>Helloworldthis istimeto changeyourself.</b></p>
<p> <i>Helloworldthisistimetochangeyourself.</i></p>
<p> <u>Helloworldthisistimetochangeyourself.<u></p>
<p> <small>Helloworldthisistimetochangeyourself.</b></p>
<p> <sub>Helloworld</sub>thisistimetochangeyourself.</p>
<p> <sup>Helloworld</sup>thisistimetochangeyourself.</sup></p>
</body>
</html>
Q.9 Write html code for creating forms in which user enters his /her information like
Name Middle name email id gender , hobbies and buttons..
<html>
<head>
<title>Registration Form.</title>
</head>
<body>
<h2>User Registration Form</h2>
<lable>First's-Name.</lable>
<input type="text"><br><br>
<lable>MiddleName.</lable>
<input type="text"><br><br>
<lable>Email-id</lable>
<input type="text"><br><br>
<lable>Gender</lable>
<inputtype="radio"name=”r1”>Male
<input type="radio"name=”r1” >Female<br>
<lable>Hobbies</lable>
<input type="checkbox"><lable>Cricket</lable><input type="checkbox">
<lable>Footboll</lable><input type="checkbox"><lable>Hockey</lable><br><br>
<input type="button"value="submit">
<input type="button"value="Reset">
<input type="button"value="Cancel">
</body>
</html>
Q.3 Write html code for creating internal page link as well as external pagelink.
<html>
<head>
<title>MyFirstWebPage..</title>
</head>
<body>
<a href="http:\\www.google.co.in"target="_blank">Click here to open Google</a><br>
<a href="file:///F:/Advanced%20HTML/font.htm"> Click here to open font webpage</a>

</body>
</html>
Q.7 Write html code for creating the following table.

<html>
<head>
<title>Demo webpage fortable..</title>
<style>
h2
{
color:yellow;
font-family:Times New
Roman:font-style:bold;
}
p
{
color:Red;
font-
family:papyrus;f
ont-style:italic;

}
</style>
</head>
<body bgcolor="cyan">
<h2 align="center">StudentsDetails..</h2>
<table border="3"bordercolor="red"align="center"height="25%" width="20%">
<tr>
<th>Name</th>
<thCOLSPAN="2">Class</th>
<th>Address</th>
<th>Photo</th>
</tr>
<tr align="center">
<td>Aman</td>
<td>10</td>
<TD>A</TD>
<td>Gwalior</td>
<td rowspan="4"></td>
</tr>

<tr align="center">
<td>Amit</td>
<td>10</td>
<TD>A</TD>
<td>Agra</td>
</tr>

<tr align="center">
<td>Vikas</td>
<td>10</td>
<TD>A</TD>
<td>Bhopal</td>
</tr>
</table>
</body></html>

You might also like