Scribd
Upload
61 views5 pages

Ch-7 More on HTML5

Uploaded by

payalkhandelwal2022
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
61 views5 pages

Ch-7 More on HTML5

Uploaded by

payalkhandelwal2022
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

CH-7 MORE ON HTML5

Codes with outputs done in class.


1. Basic html tags
<Html>
<head>
<title>my first webpage</title></head>
<BODY BGCOLOR="yellow">
this is my second class of html
<marquee><H1> ABOUT MY SCHOOL</H1></marquee>
<h1>hello</h1>
<FONT size="20" face="Algerian" COLOR="GREEN">I LOVE MY SCHOOL</FONT>
<H2> Gd Goenka Public School</H2>
<H3> DWARKA,DELHI</H3>
<P>the premier educational <u>institutions in the country.Our team of highly experienced and
dynamic teachers believe in imparting knowledge in the most innovative manner. Students and
their wellbeing is central to us. Our academic pursuits, along with a range of extracurricular
activities, help in honing a child's skills and ensuring that he/she grows to be a mature and
responsible citizen.</p>
<p>the best of infrastructural facilities, high-tech labs, well-stocked library, well equipped activity
rooms, vast playgrounds, cafe, etc. – the prerequisites,<br> that make for a wonderful school life
are available to all Goenkans.</u> </p>
<hr> </hr>
<!--anything you want to add-->
<u><b>writing in bold</b>
hello
<i>writing in italics</i></u>
<center>i like coding</center>
I MISS MY SCHOOL <br>ALOT
<h1>i am learning</h1>
<h2>coding</h2>
<h3>in</h3>
<h4>HTML</h4>
<h5>and</h5>
<h6>CSS</h6>
</BODY> <//HTML>
OUTPUT

2. Use of <sub> , <sup>


<html>
<head><title>programming in html</title></head>
<body>
x<sup>2</sup>+y<sup>2</sup><br>
H<sub>2</sub>O
</BODY>
</html>

OUTPUT:
3. Use of Text Properties
<Html>
<head>
<title>text properties</title>
<style type="text/css">
h1{font-family:Comic Sans Ms;text-align:center;text-decoration:underline;color:red}
</style></head>
<body>
<h1>Earth</h1>
<p style="font-family:Times New Roman;text-transform:uppercase;text-decoration:overline">
Earth is the third planet from the sun.</p>
<hr size="10" width="100%" color="green">
<p style="font-family:Times New Roman;text-transform:lowercase;text-shadow:3px 5px red;text-
decoration:line-through">
It is the only planet that sustains life.</p>
</body>
</html>
OUTPUT:
4. Use of Font and Background Properties
<html>
<head>
<title>Learning Background Properties</title>
<style type="text/css">
body{background-color:yellow;background-image:url('g2.jpg');background-repeat:repeat-y}
h1{background-color:green;text-align:center;font-family:verdana;font-size:60;font-style:bold}
</style>
</head>
<body>
<h1>Guru Nanak Jayanti</H1>
</body>
</html>

OUTPUT:
5. Use of Margin and Border Properties
<html>
<head>
<title>Text Properties</title>
<style type="text/css">
body{color:blue;margin-top:50px;margin-left:60px;margin-bottom:70px;margin-right:90px}
h1{text-align:center;text-shadow:3px 3px red}
</style>
</head>
<body>
<h1>Teamwork</h1>
<p style="border-style:ridge;border-color:yellow;border-width:25px"><!--inline method-->
success is about who you are,not what-you have.Successful-people work to discover-their talents;
to discover their talents and to use those talents to benefit others .
</p>
<p style="border:30px dotted red">hello class 7 students.hope you are enjoying coding.</p>
</body></html>

OUTPUT:

You might also like