1.
<HTML>
<HEAD>
<TITLE>
My First Web Page</title>
</HEAD>
<BODY>
Hello! How are you?
</BODY>
</HTML>
2.THE P (PARAGRAPH) TAG
<HTML>
<HEAD>
<TITLE>
My web page
</TITLE>
</HEAD>
<BODY>
<H1> MANIPALM INSTITUTE OF COMPUTER EDUCATION</H1>
<P> Manipal has already made a name in imparting professional education not only in
india, but also at the international level. Doctors, engineers,nurses,pharmacists and other
professionals from Manipal have made a mark wherever they have gone to practice or
work.<P>
MICE started in 1989 with a social objective of imparting low cost computer
education.Today MICE has around 250 centres all over India.
</BODY>
</HTML>
3. TEXT HIGHLIGHTING TAGS
<HTML>
<HEAD>
<TITLE> My first web page</TITLE>
</HEAD>
<BODY>
<P> This is a regular text.<SUP>Use SUP for Superscripts.</SUP>This is regular
text.<SUB>Use SUB for subscripts.</SUB>This is a regular text.<U> Use U for
Underlining.</U> This is a regular text.<STRIKE>Use Strike for Striketthrough</STRIKE>
</body>
</html>
3. THE BLOCK QUOTES TAG
<HTML>
<HEAD>
<TITLE>My First web</TITLE>
</HEAD>
<BODY>
<H1>MANIPAL INSTITUTION OF COMPUTER EDUCATION</H1>
<BLOCKQUOTE>
<P>Manipal has already made a name in imparting professional education not only in India,
but also at the international level. Doctors, engineers, nurses,pharmacists and other
professionals from Manipal have made a mark wherever they have gone to practice or
work.<P>
MICE started in 1989 with a social objective of imparting low cost computer
education.Today MICE has around 250 centres all over India.
</BLOCKQUOTE>
</BODY>
</HTML>
4. THE PREFORMATTED TEXT TAG
<HTML>
<HEAD>
<TITLE>MY FIRST PAGE</TITLE>
</HEAD>
<BODY>
<PRE>
SALES FIGURES FOR FIRST QUARTER OF 1996
JANUARY FEBRUARY MARCH TOTAL
ANDY $10,200 $20,000 $14,000 $44,200
BAKER $3000 $5000 $3500 $11,500
PETER $8000 $4000 $2000 $14,000
WILSON $3000 $2000 $7000 $12,000
TOTALS $24,200 $31,000 $26,500 $81,700
</PRE>
</BODY>
</HTML>
5.THE OL(ORDERED LIST) TAG
<HTML>
<HEAD>
<TITLE>MY FIRST WEB PAGE</TITLE>
</HEAD>
<BODY>
<OL>
<LI> COMPUTER CONCEPTS
<LI> MS-WINDOWS
<LI> MS-EXCEL
<LI> MS-WORD
<LI> FOXPRO
</OL>
</BODY>
</HTML>
6.THE UL(UNORDERD LIST) TAG
<HTML>
<HEAD>
<TITLE>WEB DESIGN</TITLE>
</HEAD>
<BODY>
<UL>
<LI> COMPUTER CONCEPTS
<LI> MS-WINDOWS
<LI> MS-EXCEL
<LI> MS-WORD
<LI> FOXPRO
</UL>
</BODY>
</HTML>
7. THE NESTING LISTS
<HTML>
<HEAD>
<TITLE>MY FIRST WEB PAGE</TITLE>
</HEAD>
<BODY>
<UL>
<LI> SOFTWARE
<OL>
<LI> COMPUTER CONCEPTS
<LI> MS-WINDOWS
<LI> MS-EXCEL
<LI> MS-WORD
<LI> FOXPRO
</OL>
<LI> HARDWARE
<OL>
<LI> CPU
<LI> INPUT DEVICES
<LI> OUTPUT DEVICES
<LI> HARD DISK
<LI> FLOPPY DISK
</OL>
</UL></BODY></HTML>
8. USING TYPE ATTRIBUTE
<HTML>
<HEAD>
<TITLE> USING THE TYPE ATTRIBUTE</TITLE>
</HEAD>
<BODY>
<UL TYPE=”SQUARE”>
<LI> SOFTWARE <UL TYPE=”DISC”>
<LI> COMPUTER CONCEPTS
<LI> MS-WINDOWS
<LI> MS-EXCEL
<LI> MS-WORD
<LI> FOXPRO
</UL>
<LI> HARDWARE <UL TYPE=”CIRCLE”>
<LI> CPU
<LI> INPUT DEVICES
<LI> OUTPUT DEVICES
<LI> HARD DISK
<LI> FLOPPY DISK
</UL>
</UL></BODY></HTML>
9. THE DL (DEFINITION LIST) TAG
<HTML>
<HEAD>
<TITLE> DEFINITION LIST</TITLE>
</HEAD>
<BODY><DL>
<DT> HARDWARE
<DD>Is defined as physical or tangible equipments associated with computer systems.
Examples of hardware are central processing unit, input devices, output devices, secondary
storage devices.
<DT>SOFTWARE
<DD> Is a set of programs.
<DT>Peripherals
<DD>Equipments connected around the CPU.
</BODY>
</HTML>
10. CREATING HYPERTEXT LINKS
<HTML>
<HEAD>
<TITLE> LINK LIST</TITLE>
</HEAD>
<BODY>
<H2> COURSES</H2>
<UL>
<LI><A HREF=”DCA.HTML’’>DCA</A>
<LI><A HREF=”PG.HTML”>PG DIPLOMA</A>
<LI><A HREF=”ADVANCE.HTML”>ADVANCED COURSES</A>
</UL>
</BODY>
</HTML>
11. CREATING IMAGE LINKS
<HTML>
<HEAD>
<TITLE> IMAGE</TITLE>
</HEAD>
<BODY>
<IMG SRC=IMAGE FILE NAME.JPG WIDTH=300 HEIGHT=200>
</BODY>
</HTML>
12. USING ADDRESS TAG
<HTML>
<HEAD>
<TITLE> DISTRICT COMPUTER CENTRE</TITLE>
</HEAD>
<BODY>
Manipal has already made a name in imparting professional education not only in India, but
also at the international level. Doctors, engineers, nurses,pharmacists and other
professionals from Manipal have made a mark wherever they have gone to practice or
work.MICE started in 1989 with a social objective of imparting low cost computer
education.Today MICE has around 250 centres all over India.
<HR>
<ADDRESS> DISTRICT COMPUTER CENTRE
AMOLAPATTY
DIBRUGARH
<A HREF =”MAIL TO:mice1@vsnl.com”>MICE</A><BR>
</ADDRESS>
</BODY>
</HTML>
13. USING CENTER TAG
<HTML>
<HEAD>
<TITLE> MY WEB PAGE</TITLE>
</HEAD>
<BODY>
<CENTER>
<H2> LEVEL TWO HEADING</H2>
<P> THIS PARAGRAPH AND THE LEVEL TWO HEADING ABOVE IT, IS CENTERED USING THE
CENTER TAG.
<UL>
<LI> FIRST LIST ITEM
<LI> SECOND LIST ITEM
</UL>
</CENTER>
</BODY>
</HTML>
14. CHANGING FONT SIZES
<HTML>
<HEAD>
<TITLE> MY WEB PAGE</TITLE>
</HEAD>
<BODY>
<P>
<FONT SIZE=”1”>FONT SIZE 1.</FONT><BR>
<FONT SIZE=”2”>FONT SIZE 2.</FONT><BR>
<FONT SIZE=”3”>FONT SIZE 3.</FONT><BR>
<FONT SIZE=”4”>FONT SIZE 4.</FONT><BR>
<FONT SIZE=”5”>FONT SIZE 5.</FONT><BR>
<FONT SIZE=”6”>FONT SIZE 6.</FONT><BR>
<FONT SIZE=”7”>FONT SIZE 7.</FONT><BR>
</BODY>
</HTML>
15.USING A BACKGROUND IMAGE
<HTML>
<HEAD>
<TITLE> DEEMED UNIVERSITY</TITLE>
</HEAD>
<BODY BACKGROUND=PICTURE IMAGE FILE.JPG >
Manipal has already made a name in imparting professional education not only in India, but
also at the international level. Doctors, engineers, nurses,pharmacists and other
professionals from Manipal have made a mark wherever they have gone to practice or
work.MICE started in 1989 with a social objective of imparting low cost computer
education.Today MICE has around 250 centres all over India.
<HR>
<ADDRESS> DISTRICT COMPUTER CENTRE
AMOLAPATTY
DIBRUGARH
<A HREF =”MAIL TO:mice1@vsnl.com”>MICE</A><BR>
</ADDRESS>
</BODY>
</HTML>
16.USING MARQUEE TAG
<HTML>
<HEAD>
<TITLE> MARQUEE</TITLE>
</HEAD>
<BODY BACKGROUND=PICTURE IMAGE FILE.JPG >
<MARQUEE BEHAVIOR=”SLIDE” DIRECTION=”LEFT”>
DISTRICT COMPUTER CENTRE
</MARQUEE>
</BODY>
</HTML>
17.CREATING TABLE
<HTML>
<HEAD>
<TITLE> TABLE</TITLE>
</HEAD><BODY>
<TABLE >
<TR>
<TD> 1 </TD>
<TD> ASHA</TD>
<TD> DIBRUGARH</TD>
</TR>
<TR>
<TD> 2</TD>
<TD> RITA</TD>
<TD> SIVASAGAR</TD>
</TR>
</TABLE>
</BODY>
</HTML>
18.USING ALL THE TABLE TAGS
<HTML>
<HEAD>
<TITLE> TABLES</TITLE>
</HEAD><BODY><CENTER>
<TABLE BORDER=”1” CELLSPACING=”6” CELLSPACING=”6” WIDTH=’80%” >
<CAPTION>TABLE</CAPTION>
<TR>
<TH ROWSPAN=”2”>
<IMG SRC=FILE NAME.JPG></TH>
<TH COLSPAN=”4” BGCOLOR=”BLUE”>
<FONT SIZE=”7” COLOR=”GREEN” FACE=”ARIAL”>
STUDENT REPORT</TH>
</TR>
<TR BGCOLOR=”LIME”>
<TH WIDTH=”20%”>ROLL NO</TH>
<TH WIDTH=”20%”>FIRST NAME</TH>
<TH WIDTH=”20%”>LAST NAME</TH>
<TH WIDTH=”20%”>FEES PAID</TH></TR>
<TR>
<TH ALIGN=”RIGHT”>ROW 1:</TH>
<TD> 1 </TD>
<TD> ASHA</TD>
<TD> DIBRUGARH</TD>
</TR>
<TR>
< TH ALIGN=”RIGHT”>ROW 2:</TH>
<TD> 2</TD>
<TD> RITA</TD>
<TD> SIVASAGAR</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
19.USING FRAMES
<HTML>
<FRAMESET ROWS=”40%,60%”>
<FRAME NAME=”TOP_BAR” SRC=”FILE NAME.HTML” MARGINHEIGHT=”3”
MARGINWIDTH=”3” SCROLLING AUTO NORESIZE>
<FRAME NAME=”BOT_BAR” SRC=”FILE NAME2.HTML” MARGINHEIGHT=”3”
MARGINWIDTH=”3” SCROLLING AUTO NORESIZE>
</FRAMESET>
</HTML>
