HYPERTEXT MARKUP LANGUAGE (HTML)
Basic format of HTML document
<HTML>
<HEAD>
<TITLE>ALL IN ONE HTML TAGS</TITLE>
</HEAD>
<BODY>___________</BODY>
</HTML>
Basic HTML TAGS (Attributes)
TITLE TAG
<TITLE>TECHNICAL RELATED</TITLE>
HEADING TAGS
<H1>FREE COMPUTER COURSE DULIAJAN</H1>
(number varies from 1 to 6)
PARAGRAPH TAG
<P> This is the 1st
paragraph
LINE BREAK TAG
<BR> Twinkle Twinkle
Little Star
HORIZANTAL RULE TAG
<HR SIZE= “10” WIDTH = “60%” ALIGN= “LEFT”
NOSHADE>
TEXT FORMATING TAGS
<B>TEXT </B> (for bold character)
<I> TEXT </I> (for italic character)
<U>TEXT </U> (for underline character)
<B><I><U> TEXT
</U></I></B> (for all the style)
SUPERSCRIPT AND SUBSCRIPT TAGS
S= U+<![if !msEquation]><![if !vml]><![endif]><![endif]> at <SUP>2</SUP>
DISPLAYS= U+<![if !msEquation]><![if !vml]><![endif]><![endif]> at2
CO<SUB>2</SUB>
DISPLAY = CO2
STRIKE THROUGH TAG
OLD PRICE : <STRIKE>RS.345.65</STRIKE>
NEW PRICE : RS.250.00
DISPLAYS : OLD
PRICE :
RS.345,65 NEW PRICE : RS.250.00
FONT TAGS
<FONT SIZE = “7”FACE = “GEORGICE ARIAL” COLOR=
“MAROON”> C </FONT> CUSTOMIZE THE FIRST CHRACTER.
COLOR & CODES IN HTML
COLOR |
COLOR CODE |
|
COLOR |
COLOR CODE |
RED |
#FF000 |
WHITE |
#FFFFFF |
|
TURUOISE |
#00FFFF |
LIGHT GREY |
#C0C0C0 |
|
LIGHT BLUE |
#0000FF |
DARK GREY |
#808080 |
|
DARK BLUE |
#0000A0 |
BLACK |
#000000 |
|
LIGHT PURPLE |
#FF0080 |
ORANGE |
#FF8040 |
|
DARK PURPLE |
#800080 |
BROWN |
#804000 |
|
YELLOW |
#FFFF00 |
BURGUNDY |
#800000 |
|
PASTEL GREEN |
#00FF00 |
FOREST GREEN |
#808000 |
|
PINK |
#FF00FF |
GRESS GREEN |
#408080 |
BACKGROUND COLOR TAG
<BODY BGCOLOR= “SILVER” ALINK= “YELLOW” LINK= “RED”
VLINK= “BLUE”>
HTML TABLE TAGS
<TABLE>
<TR><TD>ROW I CELL 1</TD><TD>ROW
1 CELL 2</TD></TR>
<TR><TD>ROW 2 CELL
1</TD><TD><ROW 2 CELL 2</TD></TR>
</TABLE>
HTML IMAGE TAGS
<IMG SRC= “TREE.GIF” HIGHT= “50”, WIDTH= “100”,
ALIGN= “CENTER”, ALT= “TREE LOGO”>
HTML LIST TAGS
<OI START = “5”>
<LI>BUY FOOD</LI>
<LI>ENROLL IN COLLEGE</LI>
<LI>GET A DEGREE</LI>
</OI>
<OI TYPE= “a”/ “A”/ “I”/ “I”>
<UL TYPE= “SQURE”/ “DISC”/ “CIRCLE”>
<DL>
<DT><B>FROM AGE</B></DT>
<DD>FRENCH WORD FOR CHOESE</DD>
<DT><B>VOITURE</B></DT>
<DD>FRENCE WORD FOR CQR.</DD>
</DL>
<DL> =
defines the start of the list.
<DT> =
definition term.
<DD> =
defining definition.
HTML MARQUEE TAG
<MARQUEE BGCOLOR= “RED”, WIDTH= “10”, HEIGHT= “20”,
DIRECTION= “RIGHT”> MOVING RIGHT</MARQUEE>
HTML HYPERTEXT REFERENCE TAGS
<a href=
“123.HTML”>CLICK HERE</a>
<a href= “#text”>LEARN
ABOUT TEXT LINK</a>
CREATE A WEBPAGE BY HTML
<HTML>
<HEAD>
<TITLE>FREE COMPUTER COURSE</TITLE>
</HEAD>
<BODY BGCOLOR= “YELLOW”>
<FONT SIZE- “5”, COLOR= “RED”, FACE= “COMIC SANS
MS”>
<MARQUEE BEHAVIOR= “ALTERNATE”, DIRECTION= “RIGHT”
BGCOLOR= “GREEN”>
<H1>COMPUTER COURSE WITH CERTIFICATE</H1>
</MARQUEE>
<H2>
<UL TYPE= “CIRCLE”>
<LI><a href= “#MS ACCESS”>MS ACCESS</a></LI>
<LI><a href= “#PHOTOSHOP FILE”>PHOTOSHOP FILE</a></LI>
</UL>
</H2>
<MARQUREE BEHAVIOR= “ALTERNATE”,DIRECTION=
“RIGHT”>
<IMG SRC= “IMAGE/A1.JPG”>
<IMG SRC= “IMAGE/B2.JPG”>
<IMG SRC= “IMAGE/A4.JPG”>
</MARQUEE>
<H2><FONT COLOR= “BLUE”><A NAME= “MS ACCESS”>MS ACCESS</A></FONT></H2>
<HR SIZE= “6”COLOR= “RED”>
<PALIGN= “JUSTIFY”>
_________________</P>
<MARQUEE BEHAVIOR= “SLIDE+ALTERNATE”, DIRECTION=
“UP”>
<IMG SRC= “IMAGE/A1.JPG”>
<IMG SRC= “IMAGE/B3.JPG”>
</MARQUEE>
<H2><FONT COLOR= “GREEN”><A NAME= “TECHNICAL RELATED”>TECHNICAL
RELATED</A></FONT></H2>
<HR SIZE= “7”COLOR= “BLUE”>
<PALIGN= “JUSTIFY”>
____________</P>
MARQUEE BEHAVIOR=<B><U>LOCATION</U></B></BR>________</P>
</FONT>
</BODY>
</HEAD>
</HTML>
Create TABLE
using HTML
TABLE 1
AFFILIATED SCHOOLS |
|
KENDRIYA VIDYALAYA |
CBCS |
DELHI PUBLIC SCHOOL |
|
SEBA |
ST. XAVIER’S SCHOOL |
OIL HIGHER SECONDARY SCHOOL |
|
ASSAM PUBLIC SCHOOL |
ANS:-
<HTML>
<HEAD>
<TITLE>TABLE 1</TITLE>
</HEAD>
<BODY>
<TABLE BORDER= “4” CELLSPACING= “3” CELLPADDING=
“18” BORDER COLOR= “BLUE” BGCOLOR= “GREEN” ALIGN= “CENTER”>
<TR><TD>KENDRIYA
VIDYALAYA</TD><TD ROWSPAN= “2” ALIGN=
“CENTER”>CBCS</TD></TR>
<TR><TD>DELHI PUBLIC
SCHOOL</TD></TR>
<TR><TD ROWSPAN= “3”ALIGN= “CENTER”>
SEBA</TR><TD>ST.XAVIER’S
SCHOOL</TD></TR>
<TR><TD>OIL HIGHER SECONDARY
SCHOOL</TD></TR>
<TR><TD>ASSAM PUBLIC
SCHOOL</TD></TR>
</TABLE>
</BODY>
</HTML>
0 Comments