Scribd
Upload
11 views4 pages

WEBsite

The documents demonstrate various HTML tags and their usage including headings, paragraphs, horizontal rules, lists, tables, and styles. Common tags shown include <h1>-<h6>, <p>, <hr>, <ul>, <ol>, <dl>, and <table>. Styles are demonstrated for fonts, colors, sizes, and other properties.

Uploaded by

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

WEBsite

The documents demonstrate various HTML tags and their usage including headings, paragraphs, horizontal rules, lists, tables, and styles. Common tags shown include <h1>-<h6>, <p>, <hr>, <ul>, <ol>, <dl>, and <table>. Styles are demonstrated for fonts, colors, sizes, and other properties.

Uploaded by

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

<!

DOCTYPE html>
<HTML>
<HEAD>
<STYLE>
BODY {background-image: url("D:\001.jpg");
background-repeat:repeat-y;}
H1 {background-color:green;
text-align:center;}
</STYLE>
</HEAD>
<BODY>
<H1>Tiles</H1>
</BODY>
</HTML>

<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> HR Tag </Title>
</HEAD>
<BODY>
<p>This is the first
paragraph of the tag. HTML
is the standard markup
language for Web pages. </p>
<hr Size="10" width="80%" >
<p>This is the second paragraph of the tag. HTML is the standard markup
language for Web pages.</p>
<hr Size="10" width="80%" color="grey">
<hr Size="10" width="80%" color="Red">
</BODY>
</HTML>

<! DOCTYPE html>


<HTML>
<HEAD> <TITLE>Text Properties</TITLE>
<STYLE>
Hl{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"> Earth


is the third planet from the Sun. It is the only planet that is known
to sustain life form. About 70% of the Earth's surface ic covered with
water, rest of the earth surface is home to all the land dwelling
animals.</P>

<hr Size="10" width="80%" color="grey">

<P style="font-family : Times New Roman; text-transform:lowercase"> atmosphere. It


consists
Life on earth is sustained majorly due to the of 4 layers, namely
troposphere, stratosphere, mesosphere and
thermosphere.</P>

<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> Heading Tag </TITLE>
</HEAD>
<BODY>
<H1>Level 1 heading. </H1>
<H2>Level 2 heading. </H2>
<H3>Level 3 heading. </H3>
<H4>Level 4 heading. </H4>
<H5>Level 5 heading. </H5>
<H6>Level 6 heading. </H6>
</BODY>
</HTML>

<!DOCTYPE html>
<HTML> <HEAD> <STYLE>
H1 {color: Black; font-family: verdana; font-size: 32px; text-align:
center)

H2 {color: Green; font-family: Arial; font-size: 25px; text-align:


center)
</STYLE> </HEAD>
<BODY>
<H1>Computer</H1>
<P style="font-family: verdana; font-size: 1.5em">A computer is a versatile
machine that can be used to carry out a variety of tasks. For example, you
can do your homework, play games, listen to songs and do many other things
on a computer.</P>
<H2>Types of Computer</H2>
<P style="font-family:Arial Black; font-size: 1.5em">There are many types
of computers. Based on their size, the types of computers are, micro
computer, mini computer, mainframe computer and super computer.
</P>
</BODY>
</HTML>

<!DOCTYPE html>
<HTML>
<HEAD> <TITLE>Changing Margin</TITLE>
<STYLE>H1 {font-family: Comic Sans MS; text-align:center;
text-Decoration: underline;color:Black}
P(Margin-left:40px}
</STYLE> </HEAD>
<BODY><H1>Energy</H1>
<P style="font-family: Times New Roman; text-transform:uppercase">Energy is
the bcapacity for doing work. It may exist in potential,
kinetic, thermal,electrical, chemical, nuclear, or other various forms.</P>
<hr Size="10" width="80%" color="grey">
<P style="font-family: Times New Roman; text-transform:lowercase">Energy is
a requirement in our everyday life as a way of improving human development
leading to economic growth and productivity.</P>
</BODY>
</HTML>

<HTML>
<HEAD> <TITLE> Ordered List or Numbered List </TITLE> </HEAD>
<BODY>
<B> Cup of Tea </B>
<HR>
Steps to make a cup of Tea.
<OL>
<LI> Take 3/4 cup of water and boil it in kettle.
<LI> Add a table spoon sugar.
<LI> Add 1/4 cup of milk.
<LI> Pour the tea into a cup.
<LI> Add a tea bag.
</OL>
</BODY>
</HTML>

<HTML>
<HEAD> <TITLE> Unordered List or Bulleted List </TITLE> </HEAD>
<BODY>
<B> Winter Clothes </B>
<HR>
<UL>
<LI> Sweaters
<LI> Woollen Caps
<LI> Gloves
<LI> Jackets
</UL>
</BODY>
</HTMl>

<HTML>
<HEAD> <TITLE> Definition List </TITLE> </HEAD>
<BODY>
<B> Example of Definition List </B>
<HR>
<DL>
<DT> Beverages </DT>
<DD> Hot and Cold Drinks</DD>
<DT> Cappuccino </DT>
<DD> Hot Drinks </DD>
</DL>
</BODY>
</HTML>

<HTML>
<HEAD> <TITLE> Nesting of Lists </TITLE> </HEAD>
<BODY>
<B> Fruits and Vegetables </B> <BR>
<UL TYPE "square">
<LI> Fruits </ LI >
<UL>
<LI> Mango </ LI >
<LI> Grapes </ LI >
</UL>
<LI> Vegetables </ LI >
<UL>
<LI> Potato </ LI>
<LI> Onion </ LI >
</ UL >
</BODY>
</HTML>

</STYLE>
</HEAD>
<BODY>
<TABLE>
<CAPTION> Table: Student </CAPTION>
<TR>
<TH> Roll No. </TH>
<TH> Name </TH>
<TH> Grade </TH>
<TH> Gender </TH>
</TR>
<TR>
<TD> 1 </TD>
<TD> Aarav </TD>
<TD>B </TD>
<TD> M </TD>
</TR>
<TR>
<TD> 2 </TD>
<TD> Gauransh </TD>
<TD> A </TD>
<TD> M </TD>
</TR>
<TR>
<TD> 3 </TD>
<TD> Himakshi </TD>
<TD> A </TD>
<TD> F </TD>
</TR>
<TR>
<TD> 4 </TD>
<TD> Rakshit </TD>
<TD>B </TD>
</TR>
<TD> M </TD>
</TR>
</TABLE>

</BODY>
</HTML>

<style>
table, th, td
{
border:2px;
border-style:solid;
border-color:green;
border-spacing:15px;
}
</style>

You might also like