HTML NOTES
INTRODUCTION TO HTML
HTML STANDS FOR HYPERTEXT MARKUP LANGUAGE. A
HTML FILE IS A TEXT FILE CONTAINING SMALL MARKUP
TAGS. THE MARKUP TAGS TELL THE WEB BROWSER HOW TO
DISPLAY THE PAGE AN HTML FILE MUST HAVE AN HTM OR
HTML FILE EXTENSION. AN HTML FILE CAN BE CREATED
USING SIMPLE TEXT EDITOR.EVERY HTML DOCUMENT
BEGINS WITH THE <HTML>TAG WHICH IS FOLLOWED BY
TWO SECTIONS. THEY ARE.
HEAD
THIS SECTION IS USED TO SPECIFY THE TITLE OF THE
DOCUMENT. IT BEGINS WITH <HEAD>TAG. THIS IS
FOLLOWED BY THE<TITLE> TAG, WHICH IN TURN IS
FOLLOWED BY THE TITLE OF THE DOCUMENT. THE TITLE
ENDS WITH THE </TITLE> TAG AND THE HEAD SECTION ENDS
WITH THE</HEAD> TAG.
BODY SECTION
THIS SECTION CONTAINS THE DOCUMENT ITSELF. THE BODY
SECTION BEGINS WITH THE<BODY>TAG FOLLOWED BY THE
TEXT OF THE DOCUMENTS AND IT ENDS WITH THE </BODY>
TAG. THE SCHEMATIC REPRESENTATION OF THE HTML
DOCUMENT IS AS FOLLOWS.
CSC-AVINASHI AND CSC-GANAPATHY 1
HTML NOTES
<html>
<head>
html document
<title> title of the page</title> head section
</head>
<body>
body section
</body>
</html>
PROGRAMMING METHOD
FIRST OPEN NOTEPAD TYPE THE FOLLOWING HTML
PROGRAM
EX 1:
<HTML>
<HEAD>
<TITLE>HELLO WORLD</TITLE>
</HEAD>
</HTML>
OPEN FILEMENUCLICK SAVEOPEN YOUR DRIVE AND
FOLDERTYPE THE FILENAME WITH HTML
EXTENSION(MY.HTML)CLICK SAVE.
TO RUN THIS PROGRAM
Minimize notepad windowopen internet explorer
fileopenbrowseopen your drive and folderopen your
fileclick openok.
CSC-AVINASHI AND CSC-GANAPATHY 2
HTML NOTES
EX 2:
<HTML>
<TITLE>EXAMPLE FOR BODY TAG</TITLE>
<BODY>
WELCOME TO WEB WORLD
</BODY>
</HTML>
RGB COLOR MIXING
BGCOLOR=875645
THAT MEANS
87% OF RED,56% OF GREEN,45% OF BLUE
EX : 3
<HTML>
<TITLE>EXAMPLE FOR BODY TAG ATTRIBUTES</TITLE>
<BODY BGCOLOR=877799 TEXT=RED>
WELCOME TO WEB WORLD
</BODY>
</HTML>
EX :4
<HTML>
<TITLE>EXAMPLE FOR BREAK TAG</TITLE>
WELCOME<BR>
TO<BR>
WEB WORLD
</HTML>
CSC-AVINASHI AND CSC-GANAPATHY 3
HTML NOTES
EX :5
<HTML>
<TITLE>EXAMPLE FOR FONT TAG</TITLE>
<FONT FACE="IMPACT" SIZE=5>
WEB POINT
</HTML>
MAXIMUM FONT SIZE SPECIFICATION : 7
EX :6
<HTML>
<TITLE>EXAMPLE FOR FONT COLORTAG</TITLE>
<BODY TEXT=PINK>
<FONT FACE=IMPACT COLOR=RED>
COMPUTER<BR>
</FONT>
<FONT FACE=IMPACT COLOR=GREEN>
SOFTWARE<BR>
</FONT>
<FONT FACE=IMPACT COLOR=BLUE>
COLLEGE
</FONT>
</HTML>
EX :7
<HTML>
<TITLE>EXAMPLE FOR FORMATTING TAGS
COLORTAG</TITLE>
<B>I AM BOLD</B><BR>
<I>I AM ITALIC</I><BR>
<B><I>I AM BOLD ITALIC</I></B><BR>
<STRONG>I AM STRONGGER</STRONG><BR>
CSC-AVINASHI AND CSC-GANAPATHY 4
HTML NOTES
<SMALL>I AM SMALLER</SMALL><BR>
<BIG><BIG>I AM BIGGER</BIG></BIG><BR>
<PRE>I A PREFORMATTED TEXT</PRE><BR>
<SUB>I AM SUBSCRIPT</SUB>
<SUP>I AM SUPER SCRIPT</SUP><BR>
<STRIKE>I AM STRIKE</STRIKE><BR>
<U><L>I AM UNDERLINE</L></U><BR>
</HTML>
HEADINGS
HEADINGS ARE DEFINED WITH THE <H1> TO <H6>
TAGS.<H1> DEFINES THE LARGES HEADING.<H6> DEFINES
THE SMALLEST HEADING.HTML AUTOMATICALLY ADDS AN
EXTRA BLANK LINE BEFORE AND AFTER A HEADING.
EX :8
<HTML>
<TITLE>EXAMPLE FOR HEADING TAG</TITLE>
<H1>I AM HEADING 1</H1>
<H2>I AM HEADING 2</H2>
<H3>I AM HEADING 3</H3>
<H4>I AM HEADING 4</H4>
<H5>I AM HEADING 5</H5>
<H6>I AM HEADING 6</H6>
</HTML>
EX :9
<HTML>
<title>EXAMPLE FOR HR TAG</title>
CSC
<HR>
COMPUTER
<HR SIZE=10>
EDUCATION
CSC-AVINASHI AND CSC-GANAPATHY 5
HTML NOTES
<HR SIZE=10 WIDTH=50%>
WELCOMES
<HR SIZE=10 WIDTH=50% BG COLOR=ORANGE>
YOU
<HR SIZE=10 WIDTH=10% BG COLOR=ORANGE ALIGN=LEFT>
</HTML>
EX :10
<HTML>
<TITLE>EXAMPLE FOR SPAN</TITLE>
<BODY TEXT="RED">
<SPAN STYLE="BACKGROUND-COLOR: LIME"><FONT
FACE=IMPACT SIZE=6>C</SPAN>
<SPAN STYLE="BACKGROUND-COLOR: BLUE"><FONT
FACE=IMPACT SIZE=6>S</SPAN>
<SPAN STYLE="BACKGROUND-COLOR: CYAN"><FONT
FACE=IMPACT SIZE=6>C</SPAN>
</HTML>
EX :11
<HTML>
<TITLE>EXAMPLE FOR ALIGNMENT TAGS</TITLE>
<P ALIGN=RIGHT>
I AM RIGHT
</P>
<P ALIGN=LEFT>
I AM LEFT
</P>
<CENTER>
I AM CENTER
</CENTER>
</HTML>
CSC-AVINASHI AND CSC-GANAPATHY 6
HTML NOTES
EX :12
<HTML>
<TITLE>EXAMPLE FOR BODYBACKGROUND TAG</TITLE>
<BODY BACKGROUND="C:\PROGRAM FILES\MICROSOFT
OFFICE\TEMPLATES\1033\PAGES\2CMENUR.TEM\CAKE.JPG">
<FONT FACE=IMPACT SIZE=6 COLOR=MAGENTA>
<CENTER>WAHOOO!!!!!</CENTER>
</HTML>
HOW TO FIND PICTURE FILES
CLICK START BUTTONSEARCH (OR) FINDCLICK FOR FILES
OR FOLDERIN NAMED BOX TYPE *.JPGCLICK FIND NOW
(OR) SEARCH NOWDOUBLE CLICK PICTURE FILE
NAMESELECT PICTURE FILE PATH FROM ADDRESS
BAROPEN EDIT MENUCLICK COPYCLOSE INTERNET
EXPLORER WINDOWOPEN YOUR PROGRAMPASTE THE
COPIED PATH AT NEEDED PLACE.
EX :13
<HTML>
<TITLE>EXAMPLE FOR IMAGE SOURCE TAG</TITLE>
<IMAGE SRC="C:\PROGRAM FILES\MICROSOFT
OFFICE\TEMPLATES\1033\PAGES\2CMENUR.TEM\CAKE.JPG"
HEIGHT=70% WIDTH=40% BORDER=10 HSPACE=20
VSPACE=30 TITLE=GREATCAKE>
</HTML>
CSC-AVINASHI AND CSC-GANAPATHY 7
HTML NOTES
LISTS
THERE ARE THREE TYPES OF LISTS
1. UNORDER LIST
2. ORDER LIST
3. DEFINITION LIST
ORDER LIST
AN ORDER LIST ALSO AN LIST ITEMS. THE LIST ITEMS
ARE MARKED WITH NUMBERS AN ORDERED LISTS STARTS
WITH THE <OL>TAG. EACH LIST ITEM STARTS WITH THE
<LI>TAG. INSIDE A LIST ITEM YOU CAN PUT PARAGRAPHS,
LINE BREAKS, IMAGES,LINKS,OTHER LISTS.ETC.
EX :14
<HTML>
<TITLE>EXAMPLE FOR ORDERLIST</TITLE>
<H2>INDIAN CRICKETERS</H2>
<OL>
<LI>SACHIN</LI>
<LI>KAIF</LI>
<LI>PATAHN</LI>
</OL>
<OL TYPE="A">
<LI>SACHIN</LI>
<LI>KAIF</LI>
<LI>PATAHN</LI>
</OL>
<OL TYPE="I">
<LI>SACHIN</LI>
<LI>KAIF</LI>
<LI>PATAHN</LI>
CSC-AVINASHI AND CSC-GANAPATHY 8
HTML NOTES
</OL>
<OL START=3>
<LI>SACHIN</LI>
<LI>KAIF</LI>
<LI>PATAHN</LI>
</OL>
</HTML>
UNORDER LIST
AN UNORDERED LIST IS A LIST OF ITEMS. THE LIST
ITEMS ARE MARKED WITH BULLETS (TYPICALLY SMALL
BLACK CIRCLE). AN UNORDERED LIST STARTS WITH THE
<UL> TAG EACH LIST ITEM STARTS WITH THE <LI> TAG.
INSIDE A LIST ITEM YOU CAN PUT PARAGRAPHS, LINE
BREAKS, IMAGES, LINKS, ETC..
EX :15
<HTML>
<TITLE>EXAMPLE FOR UNORDERLIST</TITLE>
<H2>INDIAN CRICKETERS</H2>
<UL>
<LI>SACHIN</LI>
<LI>KAIF</LI>
<LI>PATAHN</LI>
</UL>
<UL TYPE="circle">
<LI>SACHIN</LI>
<LI>KAIF</LI>
<LI>PATAHN</LI>
</UL>
<UL TYPE="square">
<LI>SACHIN</LI>
<LI>KAIF</LI>
CSC-AVINASHI AND CSC-GANAPATHY 9
HTML NOTES
<LI>PATAHN</LI>
</UL>
</HTML>
DEFINITION LIST
A DEFINITION LIST IS NOT A LIST OF ITEMS. THIS IS A
LIST OF TERMS AND EXPLANATION OF THE TERMS. A
DEFINITION LIST STARTS WITH THE <DL> TAG.EACH
DEFINITION-LIST TERM STARTS WITH THE <DT>TAG.EACH
DEFINITION-LIST DEFINITION STARTS WITH THE <DD>TAG.
EX :16
<HTML>
<TITLE>EXAMPLE FOR DEFINITION LIST</TITLE>
<DL>
<DT>HTML</DT>
<DD>HYPER TEXT MARKUP LANGUAGE</DD>
</DL>
<DL>
<DT>CSC</DT>
<DD>COMPUTER SOFTWARE COLLEGE</DD>
</DL>
</HTML>
TABLES
TABLES ARE DEFINED WITH THE TABLE TAG. A TABLE IS
DIVIDED INTO ROWS (WITH THE <TR>), AND EACH ROW IS
DIVIDED INTO DATA CELLS (WITH THE <TD> TAG). THE
LETTER TD STANDS FOR “TABLE DATA” WHICH IS THE
CONTENT OF A DATA CELL. A DATA CELL CAN CONTAIN
TEXT ,LIST , IMAGES,ETC… HEADINGS IN A TABLE ARE
DEFINED WITH THE <TH> TAG.
CSC-AVINASHI AND CSC-GANAPATHY 10
HTML NOTES
EX :17
<HTML>
<TITLE>EXAMPLE FOR TABLE TAG</TITLE>
<TABLE BORDER=10 ALIGN=CENTER WIDTH=50%>
<TR>
<TH COLSPAN=2>PRICELIST</TH>
</TR>
<TR>
<TH>ITEM</TH>
<TH>PRICE</TH>
</TR>
<TR>
<TD>FLOPPY</TD>
<TD>23</TD>
</TR>
<TR>
<TD>MOUSE</TD>
<TD>105</TD>
</TR>
<TR>
<TD>USB DRIVER</TD>
<TD>82</TD>
</TR>
</TABLE>
</HTML>
LINKS
HTML USES A HYPERLINK TO LINK TO ANOTHER DOCUMENT
ON THE WEB.HTML USES THE<A> TAG TO CREATE A LINK TO
ANOTHER DOCUMENT.AN ANCHOR CAN POINT TO ANY
RESOURCE ON THE WEB : AN HTML PAGE,AN IMAGE, A
SOUND FILE,A MOVIE , ETC.
THE SYNTAX OF CREATING AN ANCHOR:
CSC-AVINASHI AND CSC-GANAPATHY 11
HTML NOTES
<A HREF=”URL”>DISPLAYED TEXT</A>
THE <A>TAG IS USED TO CREATE AN ANCHOR TO LINK
FROM,THE HREF ATTRIBUTE IS USED TO ADDRESS THE
DOCUMENT TO LINK TO, AND THE WORDS BETWEEN THE
OPEN AND CLOSE OF THE ANCHOR TAG WILL BE DISPLAYED
AS A HYPERLINK.
EX :18
RED.HTML
<HTML>
<BODY BGCOLOR=”RED”>
<A HREF=”GREEN.HTML”>CLICK ME</A>
</HTML>
SAVE THIS FILE CALLED RED.HTMLMINIMIZE THE
FILEOPEN NEW NOTEPADTYPE THE FOLLOWING
PROGRAM.
GREEN.HTML
<HTML>
<BODY BGCOLOR="GREEN">
<A HREF="BLUE.HTML">CLICK ME</A>
</HTML>
SAVE THIS FILE CALLED GREEN.HTMLMINIMIZE THE
FILEOPEN NEW NOTEPADTYPE THE FOLLOWING
PROGRAM.
BLUE.HTML
<HTML>
<BODY BGCOLOR="BLUE">
<A HREF="RED.HTML">CLICK ME</A>
CSC-AVINASHI AND CSC-GANAPATHY 12
HTML NOTES
</HTML>
SAVE THIS FILE CALLED BLUE.HTMLMINIMIZE THE
FILEOPEN INTERNET EXPLORERFILE
OPENBROWSESELECT RED.HTML FILECLICK OPEN.
EX :19
<HTML>
<TITLE>HYPER LINK WITH IN A PAGE</TITLE>
<A NAME="TOP">
<A HREF="#BOT">CLICK ME TO BOTTOM</A>
<H2>A ORDER</H2>
<H2>
AJAY<BR>
AJITH<BR>
AKASH<BR>
AMUL<BR>
ARUN<BR>
ARJUN<BR>
ABI<BR>
APPU<BR>
</H2>
<H2>B ORDER</H2>
<H2>BAABU<BR>
BALU<BR>
BASHA<BR>
BALAJI<BR>
BARATH<BR>
BUVANA<BR>
BARATH KUMAR<BR>
BASKAR<BR>
</H2>
CSC-AVINASHI AND CSC-GANAPATHY 13
HTML NOTES
<A NAME="BOT">
<A HREF="#TOP">CLICK ME TO TOP</A>
</HTML>
EX :20
<HTML>
<TITLE>EXAMPLE FOR MARQUEE TAG</TITLE>
<BODY TEXT=RED>
<H2>
<MARQUEE DIRECTION="RIGHT" BGCOLOR=BLUE
WIDTH=50%>CSC</MARQUEE>
<MARQUEE DIRECTION="LEFT" BGCOLOR=GREEN
WIDTH=50%>COMPUTER</MARQUEE>
</H2>
</HTML>
EX :21
<HTML>
<TITLE>EXAMPLE FOR MARQUEE TAG</TITLE>
<BODY TEXT=RED>
<H2>
<MARQUEE DIRECTION="UP" BGCOLOR=BLUE
HEIGHT=50%><CENTER>CSC</CENTER></MARQUEE>
<MARQUEE DIRECTION="DOWN" BGCOLOR=GREEN
HEIGHT=50%><CENTER>COMPUTER</CENTER></MARQUEE>
</H2>
</HTML>
EX :22
<HTML>
<TITLE>EXAMPLE FOR MARQUEE BEHAVIORS TAG</TITLE>
<BODY TEXT=RED>
<H2>
CSC-AVINASHI AND CSC-GANAPATHY 14
HTML NOTES
<MARQUEE BEHAVIOR=ALTERNATE WIDTH=50%
BGCOLOR=BLUE>CSC</MARQUEE>
<MARQUEE BEHAVIOR=SLIDE WIDTH=50%
BGCOLOR=ORANGE LOOP=3
SCROLLDELAY=1>COMPUTER</MARQUEE></H2>
</HTML>
EX :23
<HTML>
<TITLE>EXAMPLE FOR SWING TEXT</TITLE>
<BODY TEXT=RED>
<MARQUEE DIRECTION=UP BEHAVIOR=ALTERNATE>
<MARQUEE DIRECTION=RIGHT BEHAVIOR=ALTERNATE>
SWING
</MARQUEE>
</MARQUEE>
</HTML>
EX :24
<HTML>
<TITLE>EXAMPLE MOVING IMAGE</TITLE>
<MARQUEE>
<IMG SRC="C:\Program Files\Microsoft
Office\Templates\1033\Pages\1cleft.tem\EARTH.JPG">
<IMG SRC="C:\Program Files\Microsoft
Office\Templates\1033\Pages\1cright.tem\FIREWORK.JPG">
<IMG SRC="C:\Program Files\Microsoft
Office\Templates\1033\Pages\2cmenul.tem\FISH.JPG">
<IMG SRC="C:\Program Files\Microsoft
Office\Templates\1033\Pages\2cstagr.tem\LEOPARD.JPG">
</MARQUEE>
</HTML>
FRAMES
CSC-AVINASHI AND CSC-GANAPATHY 15
HTML NOTES
WITH FRAMES YOU CAN DISPLAY MORE THAN ONE HTML
DOCUMENT IN THE SAME BROWSER WINDOW. EACH HTML
DOCUMENT IS CALLED A FRAME,AND EACH FRAME IS
INDEPENDENT OF THE OTHERS. THE DISADVANTAGE OF
USING FRAME IS THAT THE WEB DEVELOPER MUST KEEP
TRACK OF MORE HTML DOCUMENT AND IT IS DIFFICULT TO
PRINT THE ENTIRE PAGE
THE<FRAMESET> TAG DEFINES HOW TO DIVIDE THE
WINDOW INTO FRAME. EACH FRAMESET DEFINES A SET OF
ROWS OR COLUMNS. THE VALUE OF THE ROWS/COLUMNS
INDICATE THE AMOUNT OF SCREEN AREAEACH
ROW/COLUMN WILL OCCUPY.
THE <FRAME> TAG DEFINES WHAT HTML DOCUMENT TO PUT
INTO EACH FRAME. IN THE EXAMPLE BELOW WE HAVE A
FRAMESET WITH TWO COLUMNS. THE FIRST COLUMN IS SET
TO 20% OF THE WIDTH OF THE BROWSER WINDOW. THE
SECOND COLUMN IS SET TO 80% OF THE WIDTH OF THE
BROWSER WINDOW. THE HTML DOCUMENT
“FIRST_FRAME.HTML” IS PUT INTO THE FIRST COLUMN,AND
THE HTML DOCUMENT “SECOND_FRAME.HTML” IS PUT INTO
THE SECOND COLUMN.
EX :25
RED.HTML
<HTML>
<BODY BGCOLOR="RED">
</HTML>
GREEN.HTML
<HTML>
<BODY BGCOLOR="GREEN">
</HTML>
CSC-AVINASHI AND CSC-GANAPATHY 16
HTML NOTES
BLUE.HTML
<HTML>
<BODY BGCOLOR="BLUE">
</HTML>
FRM.HTML
<HTML>
<TITLE>FRAME PAGE</TITLE>
<FRAMESET COLS="30%,30%,40%">
<FRAME SRC="RED.HTML">
<FRAME SRC="GREEN.HTML">
<FRAME SRC="BLUE.HTML">
</FRAMESET>
</HTML>
TO RUN ABOVE PROGRAM
Open internet explorerfile openopen frm.html file.
EX :26
<HTML>
<TITLE>ADVANCED FRAMESET</TITLE>
<FRAMESET ROWS="*,*,*" BORDER=10>
<FRAME SRC="RED.HTML" SCROLLING=NO>
<FRAME SRC="GREEN.HTML" SCROLLING=YES>
<FRAME SRC="BLUE.HTML" SCROLLING=AUTO>
</FRAMESET>
</HTML>
EX :27
CSC-AVINASHI AND CSC-GANAPATHY 17
HTML NOTES
RED.HTML
<HTML>
<BODY BGCOLOR="RED">
</HTML>
GREEN.HTML
<HTML>
<BODY BGCOLOR="GREEN">
</HTML>
BLUE.HTML
<HTML>
<BODY BGCOLOR="BLUE">
</HTML>
TARGET.HTML
<HTML>
<A HREF="RED.HTML" TARGET="MAIN">RED</A><BR>
<A HREF="GREEN.HTML" TARGET="MAIN">GREEN</A><BR>
<A HREF="BLUE.HTML" TARGET="MAIN">BLUE</A><BR>
</HTML>
MAIN.HTML
<HTML>
<TITLE>HYPER LINK WITH IN A FRAME</TITLE>
<FRAMESET COLS="30%,*">
<FRAME SRC="TARGET.HTML">
<FRAME NAME="MAIN">
</FRAMESET>
</HTML>
CSC-AVINASHI AND CSC-GANAPATHY 18
HTML NOTES
TO RUN THIS PROGRAM
OPEN INTERNET EXPLORERFILE OPENOPEN MAIN.HTML
FILE.
FORMS AND INPUT
A FORM IS AN AREA THAT CAN CONTAIN FORM ELEMENTS.
THEY ARE USED TO OBTAIN DIFFERENT KINDS OF USER
INPUT. FORM ELEMENTS ALLOW THE USER TO ENTER
INFORMATION(LIKE TEXT FIELDS, TEXTAREA FIELD,DROP-
DOWN MENUS, RADIO BUTTONS,CHECKBOXES,ETC..)IN A
FORM. A FORM IS DEFINED WITH THE
TEXT FIELD
TEXT FIELD ARE USED WHEN YOU WANT THE USER TO
TYPE LETTERS OR NUMBERS,ETC…
PASSWORD
PASSWORD FIELDS ARE SIMILER TO TEXTFIELDS BUT A
ASTERISKS WOULD BE DISPLAYED INSTEAD OF THE ACTUAL
CHARACTER.
EX :28
<HTML>
<TITLE>EXAMPLE FOR TEXTFORM OBJECT</TITLE>
USER NAME :<INPUT TYPE="TEXT"><BR>
USER AGE :<INPUT TYPE="TEXT" SIZE=3>
</HTML>
EX :29
<HTML>
<TITLE>EXAMPLE FOR TEXTAREA OBJECT</TITLE>
CSC-AVINASHI AND CSC-GANAPATHY 19
HTML NOTES
USER NAME :<INPUT TYPE="TEXT"><BR>
ADDRESS :<TEXTAREA NAME="T1" ROWS=3
COLS=15></TEXTAREA>
</HTML>
CHECK BOX
CHECK BOXES ARE USED WHEN YOU WANT THE USER TO
SELECT ONE OR MORE OPTIONS FROM A LIMITED NUMBER
OF CHOICES. A USER CAN SELECT OR UNSELECT A
CHECKBOX.
EX :30
<HTML>
<TITLE>EXAMPLE FOR CHECKBOX FORM OBJECT</TITLE>
<H2>HOBBIES</H2>
SPORTS :<INPUT TYPE="CHECKBOX"><BR>
SWIMMING :<INPUT TYPE="CHECKBOX"><BR>
LISTENING MUSIC :<INPUT TYPE="CHECKBOX"><BR>
READING BOOKS:<INPUT TYPE="CHECKBOX"><BR>
</HTML>
RADIO BUTTON
RADIO BUTTONS ARE USED WHEN YOU WANT THE USER TO
SELECT ONE FROM THE LIMITED NUMBER OF CHOICES.
WHEN A USER CLICKS ON A RADIO-BUTTON, THE BUTTON
BECOMES CHECKED, AND ALL OTHER BUTTONS WITH SAME
NAME BECOME UNCHECKED.
EX :31
<HTML>
<TITLE>EXAMPLE FOR RADIO BUTTON</TITLE>
<H2>HOBBIES</H2>
PLAYING GAMES:<INPUT TYPE="RADIO" NAME="R1"><BR>
CSC-AVINASHI AND CSC-GANAPATHY 20
HTML NOTES
WATCHING TV:<INPUT TYPE="RADIO" NAME="R1"><BR>
SWIMMING :<INPUT TYPE="RADIO" NAME="R1"><BR>
</HTML>
EX :32
<HTML>
<TITLE>EXAMPLE SELECT BOX CONTROL</TITLE>
<H2>SELECT LIST BOX</H2>
<SELECT NAME="SN1">
<OPTION>SACHIN</OPTION>
<OPTION>KAIF</OPTION>
<OPTION>PATHAN</OPTION>
<OPTION>YUVRAJ</OPTION>
</SELECT>
</HTML>
EX : 33
<HTML>
<TITLE>EXAMPLE SELECT LIST BOX CONTROL</TITLE>
<H2>SELECT LIST BOX</H2>
<SELECT NAME="SN1" SIZE=3 MULTIPLE>
<OPTION>SACHIN</OPTION>
<OPTION>KAIF</OPTION>
<OPTION SELECTED>PATHAN</OPTION>
<OPTION>YUVRAJ</OPTION>
</SELECT>
</HTML>
EX :34
<HTML>
<TITLE>EXAMPLE PASSWORD AND RESET
CONTROL</TITLE>
<FORM>
USER NAME :<INPUT TYPE="TEXT" NAME="T1"><BR>
CSC-AVINASHI AND CSC-GANAPATHY 21
HTML NOTES
PASSWORD :<INPUT TYPE="PASSWORD" NAME="T2"><BR>
<INPUT TYPE="RESET" VALUE="CLEAR">
</FORM>
</HTML>
EX:35
<HTML>
<TITLE>EXAMPLE FOR FORM OBJECTS WITH IN A
TABLE</TITLE>
<TABLE BORDER=0 ALIGN=CENTER WIDTH=75%
CELLSPACING=20>
<TR>
<TD>USER NAME :</TD>
<TD><INPUT TYPE="TEXT"></TD>
</TR>
<TR>
<TD>USER AGE :</TD>
<TD><INPUT TYPE="TEXT"></TD>
</TR>
<TR>
<TD>USER ADDRESS :</TD>
<TD><TEXTAREA NAME="T1" ROWS=3
COLS=15></TEXTAREA></TD>
</TR>
</TABLE>
</HTML>
CSC-AVINASHI AND CSC-GANAPATHY 22
