0% found this document useful (0 votes)
32 views12 pages

HTML Practical

The document provides a comprehensive overview of various HTML tags and their usage, including basic structure, lists, definitions, links, images, tables, and frames. It demonstrates how to create elements like paragraphs, headings, ordered and unordered lists, and more complex structures such as tables and frames. Each section includes HTML code examples to illustrate the application of the discussed tags.

Uploaded by

sonubbb493
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)
32 views12 pages

HTML Practical

The document provides a comprehensive overview of various HTML tags and their usage, including basic structure, lists, definitions, links, images, tables, and frames. It demonstrates how to create elements like paragraphs, headings, ordered and unordered lists, and more complex structures such as tables and frames. Each section includes HTML code examples to illustrate the application of the discussed tags.

Uploaded by

sonubbb493
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

1.

<HTML>
<HEAD>

<TITLE>

My First Web Page</title>

</HEAD>

<BODY>

Hello! How are you?

</BODY>

</HTML>

[Link] 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
[Link] 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
[Link] 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>

[Link] 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>

[Link] 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=”[Link]’’>DCA</A>

<LI><A HREF=”[Link]”>PG DIPLOMA</A>

<LI><A HREF=”[Link]”>ADVANCED COURSES</A>


</UL>

</BODY>

</HTML>

11. CREATING IMAGE LINKS


<HTML>

<HEAD>

<TITLE> IMAGE</TITLE>

</HEAD>

<BODY>

<IMG SRC=IMAGE FILE [Link] 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
[Link] started in 1989 with a social objective of imparting low cost computer
[Link] MICE has around 250 centres all over India.

<HR>

<ADDRESS> DISTRICT COMPUTER CENTRE

AMOLAPATTY

DIBRUGARH

<A HREF =”MAIL TO:mice1@[Link]”>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>

[Link] A BACKGROUND IMAGE

<HTML>

<HEAD>

<TITLE> DEEMED UNIVERSITY</TITLE>

</HEAD>

<BODY BACKGROUND=PICTURE IMAGE [Link] >

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
[Link] started in 1989 with a social objective of imparting low cost computer
[Link] MICE has around 250 centres all over India.

<HR>

<ADDRESS> DISTRICT COMPUTER CENTRE

AMOLAPATTY

DIBRUGARH

<A HREF =”MAIL TO:mice1@[Link]”>MICE</A><BR>

</ADDRESS>

</BODY>

</HTML>

[Link] MARQUEE TAG

<HTML>

<HEAD>
<TITLE> MARQUEE</TITLE>

</HEAD>

<BODY BACKGROUND=PICTURE IMAGE [Link] >

<MARQUEE BEHAVIOR=”SLIDE” DIRECTION=”LEFT”>

DISTRICT COMPUTER CENTRE

</MARQUEE>

</BODY>

</HTML>

[Link] 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>

[Link] 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 [Link]></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>

[Link] FRAMES
<HTML>

<FRAMESET ROWS=”40%,60%”>

<FRAME NAME=”TOP_BAR” SRC=”FILE [Link]” MARGINHEIGHT=”3”


MARGINWIDTH=”3” SCROLLING AUTO NORESIZE>

<FRAME NAME=”BOT_BAR” SRC=”FILE [Link]” MARGINHEIGHT=”3”


MARGINWIDTH=”3” SCROLLING AUTO NORESIZE>

</FRAMESET>

</HTML>

You might also like