0% found this document useful (0 votes)
10 views7 pages

HTML Ch. 1 & 2

Uploaded by

yatharthranjan97
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
0% found this document useful (0 votes)
10 views7 pages

HTML Ch. 1 & 2

Uploaded by

yatharthranjan97
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

HTML_INTRO.

HTML
<HTML>

<HEAD><TITLE> HTML-AN INTRODUCTION </TITLE></HEAD>

<!--BODY BACKGROUND="[Link]" TEXT="BLACK" TOPMARGIN="50" LEFTMARGIN="50"


LINK="BROWN" ALINK="GREEN" VLINK="BLUE"-->

<!--OR-->

<BODY BGCOLOR="LIGHTYELLOW" TEXT="RED" TOPMARGIN="25" LEFTMARGIN="25"


LINK="BROWN" ALINK="GREEN" VLINK="BLUE">

<CENTER><H1><B><U> DELHI PUBLIC SCHOOL </U></B></H1>

<H3>Village-Chandmari, P.S.- Shahpur, Danapur Cantonment, Patna-801501</h3>

<h4> Phone- +91 9973811118, +91 9771450118, [Link], Email-


info@[Link]</h4> </center>

<HR SIZE=5 NOSHADE>

<FONT SIZE=4 COLOR=BLACK FACE="LUCIDA">

<DL>

<DD>

<DT>TAG

<DD> It is keyword to specify certain kind of formatting and display of the content. e.g.-Title, HTML,
BODY.

<DT> Element

<DD> Elements represents one complete individual component. An element has three parts, A Start
tag, An End tag, and contents between start tag and end tag.<BR> e.g.- <b>Hello</b>.

<DT> Attributes

<DD> It allows us to add extra bit of information. Attributes are an extension of any tag which makes
any tag more effective. e.g.- &LT;body bgcolor="red" text="yellow"&GT;

<DT > &LT;BODY&GT; TAG

<DD> BODY tag define the document's body. It comes after the head element.
<DT> &LT;B&GT; TAG

<DD> It is used to make the text appear in bold.

<DT> &LT;H1&GT; TAG

<DD> HTML has six heading levels of headings, numbered 1 through 6. Highest level is H1 and
minimum is H6.

<DT> &LT;I&GT; TAG

<DD> It is used to make the text appear in Italics.

<DT> &LT;U&GT; TAG

<DD> It is used to underline the text.

<DT> &LT;P&GT; TAG

<DD> It is used to change the paragraph.

<DT> &LT;FONT&GT; TAG

<DD> It is used to change the text size, style and color. Attributes of FONT tag are, Size, Face and
Color.

<DT> &LT;CENTER&GT; TAG

<DD> It is used to set the alingment of the text to the center.

<DT> &LT;HR&GT; TAG

<DD> The HR tag creates a line across the page and has no closing tags. Attributes of HR tag are,
Size, Width, Color, Align and Noshade. Default size of HR is 3 pixels.

<DT> Empty; TAG

<DD> Empty tags have only a start tag and no end [Link]-HR, IMG, BR, LI etc.

<DT> Container; TAG

<DD> Container tags have a start tag and an end tag. e.g.- HTML, BODY, HEAD, TITLE, P, OL, UL ETC.

<DT> Logical text styles

<DD> Logical text styles are general description, each browser handles a logical style in its own way.
It means it renderthe text according to its meaning. e.g.-CITE for titles of books or films. STRONG for
strong emphasis. DFN for word being defined.
<DT> Physical text styles

<DD> Physical text stylesindicates the specific type of appearance.e.g.-BOLD, ITALICS, UNDERLINE

</DL>

<a href=[Link]> Next Page </a>

</BODY>

</HTML>

[Link]
<HTML>

<HEAD><TITLE> HTML-AN INTRODUCTION </TITLE></HEAD>

<BODY BGCOLOR="LIGHTBLUE" TEXT="RED">

<B>

<OL>

<LI> <A HREF=[Link]>APPLE </A>

<LI> <A HREF=[Link]>MANGO </A>

<LI> <A HREF=[Link]>ORANGE</A>

</OL>

<OL TYPE="A" START="5">

<LI> APPLE

<LI> MANGO

<LI> ORANGE

</OL>

<OL TYPE="I" START="1">


<LI> APPLE

<LI> MANGO

<LI> ORANGE

</OL>

<UL>

<LI> APPLE

<LI> MANGO

<LI> ORANGE

</UL>

<UL TYPE="CIRCLE">

<LI> APPLE

<LI> MANGO

<LI> ORANGE

</UL>

<UL TYPE="SQUARE">

<LI> APPLE

<LI> MANGO

<LI> ORANGE

</UL>

<OL TYPE="I">

<LI> FRUITS

<UL TYPE="SQUARE">

<LI> APPLE

<LI> MANGO

</UL>

<LI> VEGETABLES
<UL TYPE="CIRCLE">

<LI> APPLE

<LI> MANGO

</UL> </OL>

<A HREF="[Link]"> NEXT PAGE</A>

[Link]
<IMG SRC="[Link]" HEIGHT=300 WIDTH=300
ALIGN=RIGHT ALT="THIS IMAGE CAN NOT BE DISPLAYED
HERE">
<P><FONT SIZE=7>
H<SUB>2</SUB>O
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
A<SUP>2</SUP>B
<P>
<TABLE BORDER>
<TR>
<TH COLSPAN=3>DELHI PUBLIC SCHOOL </TH></TR>
<TR>
<TH>ROLL</TH>
<TH>NAME</TH>
<TH>CLASS</TH> </TR>
<TR>
<TD>1 </TD>
<TD> MANJEET KUMAR </TD>
<TD> X-H </TD></TR>
<TR>
<TD>10 </TD>
<TD> SUNIL KUMAR </TD>
<TD> XII-A </TD></TR></TABLE><P>

<TABLE BORDER=5>
<TR>
<TH ROWSPAN=4>DELHI PUBLIC SCHOOL </TH></TR>
<TR>
<TH>ROLL</TH>
<TH>NAME</TH>
<TH>CLASS</TH> </TR>
<TR>
<TD>1 </TD>
<TD> MANJEET KUMAR </TD>
<TD> X-H </TD></TR>
<TR>
<TD>10 </TD>
<TD> SUNIL KUMAR </TD>
<TD> XII-A </TD></TR>
</TABLE>
<BR>

<A HREF=[Link]>BACK</A><BR>

<A HREF=HTML_INTRO.HTML> HOME </A>

You might also like