Scribd
Upload
12 views30 pages

Web Lab

The document provides an overview of basic HTML tags, including formatting options such as bold, italic, underline, and various list types (ordered, unordered, and definition lists). It also covers scrolling images and text, as well as linking multiple HTML pages together. Each section includes example code snippets demonstrating the use of these HTML features.

Uploaded by

pavithravel1307
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
12 views30 pages

Web Lab

The document provides an overview of basic HTML tags, including formatting options such as bold, italic, underline, and various list types (ordered, unordered, and definition lists). It also covers scrolling images and text, as well as linking multiple HTML pages together. Each section includes example code snippets demonstrating the use of these HTML features.

Uploaded by

pavithravel1307
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
You are on page 1/ 30

BASIC TAGS

<HTML>

<HEAD>

<TITLE>BASIC TAGS

</TITLE>

</HEAD>

<BODY BGCOLOR="PINK">

<CENTER><H1>BASIC TAGS</H1></CENTER>

BOLD:

<B>WELCOME</B><BR><BR>

ITALIC:

<I>WELCOME</I><BR><BR>

UNDERLINE:

<U>WELCOME</U><BR><BR>

CENTER:

<CENTER>WELCOME</CENTER><BR><BR>

STRIKE:

<STRIKE>WELCOME</STRIKE><BR><BR>
BIG:

<BIG>WELCOME</BIG><BR><BR>

STRONG:

<STRONG>WELCOME</STRONG><BR><BR>

</BODY>

</HTML>
BASIC TAGS
SPECIFING A FONT, SUBSCRIPT AND

SUPERSCRIPT, HEADING LEVEL

<HTML>

<HEAD>

<TITLE>SPECIFYING A FONT, SUBSCRIPT , SUPERSCRIT AND


HEADING LEVEL

</TITLE>

</HEAD>

<BODY BGCOLOR="PINK">

<CENTER><B><U>SPECIFYING A FONT</U></B></CENTER>

<B><U>FONT FACE : </U></B><BR><BR>

<FONT FACE="ALGERAIN"><B>WELCOME</B></FONT><BR>

<H3><U>FONT COLOR : </U></H3>

<FONT COLOR="BLUE"><H3>WELCOME</H3></FONT><BR>

<H3><U>FONT SIZE : </U></H3>

<FONT SIZE="16"><H3>WELCOME</H3></FONT><BR>

<H3><U>SPECIFYING A FONT, SUBSCRIPT , SUPERSCRIPT AND


HEADING LEVEL:</H3></U><BR>
<FONT FACE="ARIAL", FONT COLOR="GDRTRUJ", FONT
SIZE="6"><H3>WELCOME</H3></FONT><BR>

<H3><U>SUBSCRIPT : </U></H3>

<B>WATER-H<SUB>2</SUB>O</B><BR><BR>

<B>BAKING SODA-NAHCO<SUB>3</SUB></B><BR><BR>

<H3><U>SUPERSCRIPT : </U></H3>

<B>(A+B)<SUP>2</SUP>=A<SUP>2</SUP>+B<SUP>2</SUP>+2AB</B>

<BR>

<B>A<SUP>2</SUP>*B<SUP>2</SUP>=4<SUP>4</SUP></B><BR>

<H3><U>HEADING LEVEL : </U></H3>

<H1>PRABHU</H1>

<H2>PRABHU</H2>

<H3>PRABHU</H3>

<H4>PRABHU</H4>

<H5>PRABHU</H5>

<H6>PRABHU</H6>

</BODY>

</HTML>
SPECIFING A FONT, SUBSCRIPT AND

SUPERSCRIPT, HEADING LEVEL


ORDER LIST AND UNORDER LIST

<HEAD>

<TITLE>ORDER AND UNORDER LIST

</TITLE>

</HEAD>

<BODY BGCOLOR="PINK">

<CENTER><B><U>ORDER AND UNORDER LIST</U></B></CENTER>

<B>ORDER LIST-NUMERIC VALUE</B>

<OL>

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</OL>

<B>ORDER LIST-NUMERIC VALUE START FROM-9</B>

<OL START="9">

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</OL><HR>
<B>ORDER LIST- CAPITAL LETTER</B>

<OL TYPE ="A">

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</OL>

<B>ORDER LIST- CAPITAL LETTER START FROM-9</B>

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

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</OL><HR>

<B>ORDER LIST- SMALL LETTER</B>

<OL TYPE="a">

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</OL>

<B>ORDER LIST- SMALL LETTER START FROM-9</B>

<OL TYPE="a" START="9">


<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</OL><HR>

<B>ORDER LIST- CAPITAL ROMAN LETTER</B>

<OL TYPE ="I">

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</OL><HR>

<B>ORDER LIST- CAPITAL ROMAN LETTER START FROM-9</B>

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

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</OL><HR>

<B>ORDER LIST- SMALL ROMAN LETTER</B>

<OL TYPE ="i">

<LI>HTML</LI>

<LI>XML</LI>
<LI>CSS</LI>

</OL><HR>

<B>ORDER LIST- SMALL ROMAN LETTER START FROM-9</B>

<OL TYPE ="i" START ="9">

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</OL><HR>

<B> UNORDER LIST- DISK</B>

<UL>

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</UL><HR>

<B> UNORDER LIST- CIRCLE</B>

<UL>

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</UL><HR>
<B> UNORDER LIST- SQUARE</B>

<UL>

<LI>HTML</LI>

<LI>XML</LI>

<LI>CSS</LI>

</UL>

</BODY>

</HTML>
ORDER AND UNORDER LIST
DEFINITION LIST

<HTML>

<HEAD>

<TITLE>DEFINITION LIST

</TITLE>

</HEAD>

<BODY BGCOLOR="BLUE">

<CENTER><B><U>DEFINITION LIST</U></B></CENTER><BR>

<DL><DT><B><U>HTSML</U></B></DT><BR>

<DD>HYPER TEXT MAKUP LANGUAGE</DD></DL><BR>

<DT><B><U>XML</U></B></DT><BR>

<DD>EXTENSIBLE MAKUP LANGUAGE</DD><BR>

<DT><B><U>CSS</U></B></DT><BR>

<DD>CASCADING STYLE SHEET</DD><BR>

<DT><B><U>ROM</U></B></DT><BR>

<DD>READ ONLY MEMORY</DD><BR>

<DT><B><U>RAM</U></U></DT><BR>

<DD>RADOM ACCESS MEMORY</DD><BR>

<DT><B><U>CPU</U></B></DT><BR>
<DD>CENTRAL PROCESS UNIT </DD></DL><BR>

</BODY>

</HTML
DEFINITION LIST
SCROLL IMAGE

<HTML>

<HEAD>

<TITLE>SCROLL IMAGE

</TITLE>

</HEAD>

<BODY BGCOLOR="PINK">

<CENTER><B><U>SCROLL IMAGE</U></B></CENTER><BR><BR>

<MARQUEE>

<IMG SRC="D:\img_813796_2b948aa0_1680109407258_sc.jpg"
WIDTH="250"HIGHT="250">

</MARQUEE>

</BODY>

</HTML>

DIRECTION RIGHT WARDS:

<HTML>

<HEAD>

<TITLE>SCROLL IMAGE

</TITLE>
</HEAD>

<BODY BGCOLOR="PINK">

<CENTER><B><U>SCROLL IMAGE</U></B></CENTER><BR><BR>

<MARQUEE DIRECTION="RIGHT">

<IMG SRC="D:\img_813796_2b948aa0_1680109407258_sc.jpg"
WIDTH="250"HIGHT="250">

</MARQUEE>

</BODY>

</HTML>

DIRECTION UP WARDS:

<HTML>

<HEAD>

<TITLE>SCROLL IMAGE

</TITLE>

</HEAD>

<BODY BGCOLOR="PINK">

<CENTER><B><U>SCROLL IMAGE</U></B></CENTER><BR><BR>

<MARQUEE DIRECTION ="UP">

<IMG SRC="D:\img_813796_2b948aa0_1680109407258_sc.jpg"
WIDTH="250"HIGHT="250">

</MARQUEE>
</BODY>

</HTML>

DIRECTION DOWN WARDS:

<HTML>

<HEAD>

<TITLE>SCROLL IMAGE

</TITLE>

</HEAD>

<BODY BGCOLOR="PINK">

<CENTER><B><U>SCROLL IMAGE</U></B></CENTER><BR><BR>

<MARQUEE DIRECTION ="DOWN">

<IMG SRC="D:\img_813796_2b948aa0_1680109407258_sc.jpg"
WIDTH="250"HIGHT="250">

</MARQUEE>

</BODY>

</HTML>
SCROLL IMAGE
SCROLL TEXT

<HTML>

<HEAD>

<TITLE>SCROLL TEXT

</TITLE>

</HEAD>

<BODY BGCOLOR ="PINK">

<CENTER><B><U><H1>SCROLL TEXT</H1></U></B></CENTER>

<MARQUEE>

<B><FONT FACE ="ARIAL",FONT COLOR="BLUE",FONT SIZE="12">WEB


DESIGING</FOND></B>

</MARQUEE>

</BODY>

</HTML>

DIRECTION RIGHT WARDS:

<HTML>

<HEAD>

<TITLE>SCROLL TEXT

</TITLE>
</HEAD>

<BODY BGCOLOR ="PINK">

<CENTER><B><U><H1>SCROLL TEXT</H1></U></B></CENTER>

<MARQUEE DAIRECTION="RIGHT">

<B><FONT FACE ="ARIAL",FONT COLOR="BLUE",FONT SIZE="12">WEB


DESIGING</FOND></B>

</MARQUEE>

</BODY>

</HTML>

DIRECTION UP WARDS:

<HTML>

<HEAD>

<TITLE>SCROLL TEXT

</TITLE>

</HEAD>

<BODY BGCOLOR ="PINK">

<CENTER><B><U><H1>SCROLL TEXT</H1></U></B></CENTER>

<MARQUEE DIRECTION="UP">

<B><FONT FACE ="ARIAL",FONT COLOR="BLUE",FONT SIZE="12">WEB


DESIGING</FOND></B>

</MARQUEE>
</BODY>

</HTML>

DIRECTION DOWN WARDS:

<HTML>

<HEAD>

<TITLE>SCROLL TEXT

</TITLE>

</HEAD>

<BODY BGCOLOR ="PINK">

<CENTER><B><U><H1>SCROLL TEXT</H1></U></B></CENTER>

<MARQUEE DIRECTION ="DOWN">

<B><FONT FACE ="ARIAL",FONT COLOR="BLUE",FONT SIZE="12">WEB


DESIGING</FOND></B>

</MARQUEE>

</BODY>

</HTML>
SCROLL TEXT
LINK TWO PAGES

NOTE PAD:1

<HTML>

<HEAD>

<TITLE>LINK TWO PAGES

</TITLE>

</HEAD>

<BODY BGCOLOR="PINK">

<CENTER><H2>LINK TWO PAGE</H2></CENTER>

<A HREF="COMPUTER.HTML"><H1>HARDWARE</H1>

<A HREF="SOFTWARE.HTML"><H1>SOFTWARE</H1>

</BODY>

</HTML>

NOTE PAD:2

<HTML>

<HEAD>

<TITLE>COMPUTER

</TITLE>

</HEAD>
<BODY BGCOLOR="PINK">

<CENTER><H2>PARTS OF THE COMPUTER</H2></CENTER>

<CENTER><H2>HARDWARE</H2></CENTER>

<OL>

<LI>MONITOR</LI>

<LI>KEY BOARD</LI>

<LI>MOUSE</LI>

<LI>MOTHER BOARD</LI>

<LI>HARD DISK</LI>

</OL>

<A HREF="LINK TWO PAGE.HTML"><H1>HOME</H1>

</BODY>

</HTML>

NOTE PAD:3

<HTML>

<HEAD>

<TITLE>SOFTWARE

</TITLE>

</HEAD>

<BODY BGCOLOR="PINK">
<CENTER><H2>PARTS OF THE COMPUTER</H2></CENTER>

<CENTER><H2>SOFTWARE</H2></CENTER>

<OL>

<LI>HTML</LI>

<LI>JAVA</LI>

<LI>NOTE PAD</LI>

<LI>CHROME</LI>

<LI>GMAIL</LI>

</OL>

<A HREF="LINK TWO PAGE.HTML"><H1>HOME</H1>

</BODY>

</HTML>
LINK TWO PAGES

You might also like