Introduction To HTML: Head

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 FILEMENUCLICK SAVEOPEN YOUR DRIVE AND

FOLDERTYPE THE FILENAME WITH HTML
EXTENSION(MY.HTML)CLICK SAVE.
TO RUN THIS PROGRAM
Minimize notepad windowopen internet explorer

fileopenbrowseopen your drive and folderopen your
fileclick openok.

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>

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>

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>
</HTML>
EX :9
<HTML>
<title>EXAMPLE FOR HR TAG</title>
CSC
<HR>
COMPUTER
<HR SIZE=10>
EDUCATION

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>

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 BUTTONSEARCH (OR) FINDCLICK FOR FILES
OR FOLDERIN NAMED BOX TYPE *.JPGCLICK FIND NOW
(OR) SEARCH NOWDOUBLE CLICK PICTURE FILE
NAMESELECT PICTURE FILE PATH FROM ADDRESS
BAROPEN EDIT MENUCLICK COPYCLOSE INTERNET
EXPLORER WINDOWOPEN YOUR PROGRAMPASTE 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>

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>

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>

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.

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:

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.HTMLMINIMIZE THE

FILEOPEN NEW NOTEPADTYPE THE FOLLOWING
PROGRAM.
GREEN.HTML
<HTML>
<BODY BGCOLOR="GREEN">
<A HREF="BLUE.HTML">CLICK ME</A>
</HTML>
SAVE THIS FILE CALLED GREEN.HTMLMINIMIZE THE

FILEOPEN NEW NOTEPADTYPE THE FOLLOWING
PROGRAM.
BLUE.HTML
<HTML>
<BODY BGCOLOR="BLUE">
<A HREF="RED.HTML">CLICK ME</A>

HTML NOTES
</HTML>
SAVE THIS FILE CALLED BLUE.HTMLMINIMIZE THE

FILEOPEN INTERNET EXPLORERFILE
OPENBROWSESELECT RED.HTML FILECLICK 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>

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>

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">
Office\Templates\1033\Pages\1cright.tem\FIREWORK.JPG">
Office\Templates\1033\Pages\2cmenul.tem\FISH.JPG">
Office\Templates\1033\Pages\2cstagr.tem\LEOPARD.JPG">
</MARQUEE>
</HTML>
FRAMES

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>
</HTML>

HTML NOTES
BLUE.HTML
<HTML>
</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 explorerfile openopen 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

HTML NOTES
RED.HTML
<HTML>
<BODY BGCOLOR="RED">
</HTML>
GREEN.HTML
<HTML>
</HTML>
BLUE.HTML
<HTML>
</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>

HTML NOTES
TO RUN THIS PROGRAM
OPEN INTERNET EXPLORERFILE OPENOPEN 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>

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>

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>

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>

Introduction To HTML: Head

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Introduction To HTML: Head

Caricato da

Copyright:

Formati disponibili

HTML NOTES

HTML STANDS FOR HYPERTEXT MARKUP LANGUAGE. A

THIS SECTION IS USED TO SPECIFY THE TITLE OF THE

THIS SECTION CONTAINS THE DOCUMENT ITSELF. THE BODY

CSC-AVINASHI AND CSC-GANAPATHY 1

FIRST OPEN NOTEPAD  TYPE THE FOLLOWING HTML

OPEN FILEMENUCLICK SAVEOPEN YOUR DRIVE AND

TO RUN THIS PROGRAM

Minimize notepad windowopen internet explorer

CSC-AVINASHI AND CSC-GANAPATHY 2

RGB COLOR MIXING

CSC-AVINASHI AND CSC-GANAPATHY 3

MAXIMUM FONT SIZE SPECIFICATION : 7

CSC-AVINASHI AND CSC-GANAPATHY 4

HEADINGS ARE DEFINED WITH THE <H1> TO <H6>

CSC-AVINASHI AND CSC-GANAPATHY 5

<HR SIZE=10 WIDTH=50%>

CSC-AVINASHI AND CSC-GANAPATHY 6

HOW TO FIND PICTURE FILES

CSC-AVINASHI AND CSC-GANAPATHY 7

THERE ARE THREE TYPES OF LISTS

AN ORDER LIST ALSO AN LIST ITEMS. THE LIST ITEMS

CSC-AVINASHI AND CSC-GANAPATHY 8

AN UNORDERED LIST IS A LIST OF ITEMS. THE LIST

CSC-AVINASHI AND CSC-GANAPATHY 9

A DEFINITION LIST IS NOT A LIST OF ITEMS. THIS IS A

TABLES ARE DEFINED WITH THE TABLE TAG. A TABLE IS

CSC-AVINASHI AND CSC-GANAPATHY 10

HTML USES A HYPERLINK TO LINK TO ANOTHER DOCUMENT

THE SYNTAX OF CREATING AN ANCHOR:

CSC-AVINASHI AND CSC-GANAPATHY 11

<A HREF=”URL”>DISPLAYED TEXT</A>

THE <A>TAG IS USED TO CREATE AN ANCHOR TO LINK

SAVE THIS FILE CALLED RED.HTMLMINIMIZE THE

SAVE THIS FILE CALLED GREEN.HTMLMINIMIZE THE

<A HREF="RED.HTML">CLICK ME</A>

CSC-AVINASHI AND CSC-GANAPATHY 12

SAVE THIS FILE CALLED BLUE.HTMLMINIMIZE THE

CSC-AVINASHI AND CSC-GANAPATHY 13

CSC-AVINASHI AND CSC-GANAPATHY 14

<MARQUEE BEHAVIOR=ALTERNATE WIDTH=50%

CSC-AVINASHI AND CSC-GANAPATHY 15

WITH FRAMES YOU CAN DISPLAY MORE THAN ONE HTML

THE<FRAMESET> TAG DEFINES HOW TO DIVIDE THE

THE <FRAME> TAG DEFINES WHAT HTML DOCUMENT TO PUT

CSC-AVINASHI AND CSC-GANAPATHY 16

TO RUN ABOVE PROGRAM

Open internet explorerfile openopen frm.html file.

CSC-AVINASHI AND CSC-GANAPATHY 17

CSC-AVINASHI AND CSC-GANAPATHY 18

TO RUN THIS PROGRAM

OPEN INTERNET EXPLORERFILE OPENOPEN MAIN.HTML

FORMS AND INPUT

A FORM IS AN AREA THAT CAN CONTAIN FORM ELEMENTS.

TEXT FIELD ARE USED WHEN YOU WANT THE USER TO

PASSWORD FIELDS ARE SIMILER TO TEXTFIELDS BUT A

CSC-AVINASHI AND CSC-GANAPATHY 19

USER NAME :<INPUT TYPE="TEXT"><BR>

CHECK BOXES ARE USED WHEN YOU WANT THE USER TO

RADIO BUTTONS ARE USED WHEN YOU WANT THE USER TO

CSC-AVINASHI AND CSC-GANAPATHY 20

WATCHING TV:<INPUT TYPE="RADIO" NAME="R1"><BR>

CSC-AVINASHI AND CSC-GANAPATHY 21