In Html the Page is divided into Two
Parts
1.HEAD
2.BODY
Both these Tags are Paired Tags.
Head : Tag Contains only 1 Tag that is Title.
<Title> Title
goes here…. </Title>
Body Tag Holds the Rest of the Tags used in HTML
Simple HTML Program.
Just Open Note Pad and write the code.
<HTML>
<Head>
<Title> My 1st web Page </Title>
</Head>
<Body>
</Body>
And now save it with extension Name.HTM
or Name.HTML
Always save all htm files in one
Folder.
Open it and check the output.
Every Tag in HTML have attributes.
Like <Body > Tag.
<Body BGCOLOR= color name Text= color name>
BackGround=“file Name” bgproperties=fixed>
</Body>
<Center > Text </Center>
<B> Bold </B> <I> Italic </I>
<U>UnderLine </U>
<S>StrikeThrough</S>
<Font Size = Numbers
Color =colorname
Face= “Style of Font”>
</Font>
<Sub> Subscript </Sub>
<Sup> SuperScript </Sup>
<Small> Small Text </Small>
Heading: <H # numbers from 1-6 > used
<H1> This is Heading # 1 </H1>
<Big> Big Text </Big>
<BR> Single Tag used to
Break the Line.
<HR> Horizontal Row
<HR color=“colorname ” width=“ ” Size=“ ” Align=“”>
<P Align =Left,Center,Right >
text </P>
<P> Paragraph </P>
<Pre>Preformatted</Pre>
<TT>Typewriter Text</TT>
For Comments in Coding we use ..
<!-- -->
<!-- Comments on this page … - ->
For Inserting Image in
web page we use..<IMG >
<IMG SRC=“ file Name
” Align=Top,Middle,Bottom,Left,Right
Width=“”
Height=“” Alt=“Any text it shows on Picture on pointing.”
Border=
“0-100”
For Making Links
Between Pages we use <A href>
</A>
A
is for Anchor
Href is for Hyper Text Reference
<A HREF
=“http://www.hotmail.com”> Link </A>
<A HREF
=“mailto:asharabbasi@hotmail”> Mail </A>
<A HREF =“ link” Target=“Name”> <IMG SRC=“
name”> </A>
Marquee main command in HTML
<Marquee Bgcolor=“ ” Direction=Up,Down,Left,Right
Width=“ “ Behavior=Scroll,Slide,Alternate
Loop=“ # “ Scrollamount=“
# ” >
Write Any Text or Put Image….
</Marquee>
Lists in HTML we use 2-Types of Lists:
1.Ordered List
2. Un-ordered List
Ordered List:
<OL Type= A or a
or 1 or
i >
<Li>List Item
</OL>
2. Un-Ordered List:
<UL Type= square, circle,disc >
<Li> List Item
</UL>
TABLE PLAYS A
SIGNIFICANT ROLE IN HTML .
<TABLE >
<Caption>This is
Table</Caption>
<TH>Table Heading </TH>
<TD> Table Data </TD>
<TR> Table Row
</TABLE>
<Table Border=“#” Bordercolor=“ ” BordercolorDark=“ ” >
Bgcolor=“
” Background=“Image” BordercolorLight=“ ”
Align=“L,R,C” Width=“ ” Height=“ ”
CellSapcing=“#”
CellPadding=“#
Rowspan=“#” &
ColSpan=“#”
Can Be used With
<TH> Table Heading &
<TD> Table Data
FRAME:
is Basically a container
which contains or holds
One or more than one web pages.Or
simply we can say that
We divide our web page into parts in
shape of Rows and Cols.
FRAMES
<FRAMESET ROWS=“ # % ”,* BORDER= #>
<FRAME SRC=“ NAME OF FILE” NAME=“OPTIONAL”
SCROLLING = NO NORESIZE> </FRAMESET>
<Frameset Rows=20%,* Border=0>
<Frame Src=One.html name=Top>
<Frameset Cols=20%,*>
<Frame Src= Two.html name =Left>
<Frame Src= Three.html name=Right>
</Frameset>
</Frameset>
FORMS : There are two types of forms in Html.
1. Searching
2. Registration
Search
Engine:
Search
Go
Submit Form:
Name :
Password:
Addz…
FORMS
<Form Method= Post>
<Input Type = Text Box
Size= # MaxLength= # >
<Input Type = Password
>
<Input Type = CheckBox
>
<Input Type = Radio
name=“ ” value=True >
<Input Type = Button
Value=“ Text ” >
<Input Type = Submit
Value=“ ” >
<Input Type = Reset
Value=“ ” >
FORMS
<Select Name =“
” Multiple>
<Option > PAKISTAN
<Option > Switzerland
</Select>
<TextArea cols= #
Rows= # >Comments
</TextArea>
Multimedia Tags
<Bgsound SRC= “file name” Loop= # of times>
“ .wav or .mp3
“
<Embed Src= “file name” autostart=True or False >
Supports: *.avi
*.mpg
*.mid
*.wav
*.mp3 Width= # and Height= # >
No comments :
Post a Comment