HTML

HTML
Sarbbottam Bandyopadhyay
What is HTML?
 HTML is the "mother tongue" of your browser.
 HTML was invented in 1990 by a scientist called Tim
Berners-Lee. The purpose was to make it easier for
scientists at different universities to gain access to each
other's research documents. By inventing HTML he laid the
foundation for the Internet as we know it today.
 HTML is a language, which makes it possible to present
information on the Internet. What you see when you view a
page on the Internet is your browser's interpretation of
HTML.
Basic HTML Structure.
<HTML>
<HEAD>
<TITLE>
your document title goes here
</TITLE>
</HEAD>
<BODY>
your document text goes here
</BODY>
</HTML>
Basic HTML tags.
 <PRE></PRE> for pre formatting.
 <B></B> for bold.
 <U></U> for under line
 <I></I> for italic.
 <H1></H1> …. <H6></H6> for header.
 <P></P> for paragraphs.
 <BR> for line breaks.
 <HR> for horizontal rule.
Simple HTML code using basic tags.
<HTML>
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
<h1>In header &ltH1&gt</h1>
This is my first HTML page.( Without any tag )
<pre>
This is my
first HTML page. ( Within &ltPRE&gt tag )
</pre>
<b>
This is my first HTML page.( Within &ltB&gt tag )
</b>
<br>
<br>
<i>
This is my first HTML page.( Within &lti&gt tag )
</i>
<p>
This is my
first HTML page.( Within &ltp&gt tag )
</p>
The horizontal line below is due to &lthr&gt.
<hr>
</BODY>
</HTML>
DIV tag
DIV is used for division

<DIV class=“?.css”>
</DIV>
Lists in HTML
 Ordered (Numbered) List

 Unordered (Bulleted) List
 Definition List
Ordered (Numbered) List
<OL>
<LI> 1st content.
<LI> 2nd content.
<LI> and so on….
</OL>
Unordered (Bulleted) List
<UL>
<LI> 1st content.
<LI> 2nd content.
<LI> and so on….
</UL>
Definition List
<DL>
<DT>
<DD>
<DT>
<DD>
</DL>
Hypertext Linking
 Hypertext Linking To Another File
<A HREF="http://www.google.com/">
Google</A>
 Hypertext Linking Within the Same File
<A HREF="#Jump">Jump down to the word

"Here"</A>
<P>[more text here]</P>
<A NAME="Jump">This is where you end
up.</A>
Images
 <IMG SRC=“path of the picture/URL”>

 ALT=“Message” within <IMG> tag
 HSPACE
 VSPACE
Movie clips
 <IMG DYNSRC=“path of the clip/URL”>

 Attribute
CONTROLS to add control button

LOOP = INFINITE | number of times
START = FILEOPEN | MOUSEOVER
Table
 <TABLE>
 <TR> for rows.
 <TH> for header
 </TH>
 <TD> for columns
 </TD>
 </TR>
 </TABLE>
Table properties
 cellSpacing
 cellPadding
 border
 width
 rowspan
 colspan
Embedded table
<TABLE>
<TR>
<TD>
<TABLE>
<TR>
<TD>
</TD>
<TD>
</TD>
</TR>
</TABLE>
</TD>
<TD>
</TD>
</TR>
</TABLE>
Form
 <FORM>
 </FORM>
 NAME
 ACTION
 METHOD
Form element
 Submit button
 Button
 Reset button
 Text input area
 Pull down menu
 Radio button
 Check box button
 Text area
 Password field
 Hidden fields
 Active images
Text input area
<INPUT TYPE=TEXT NAME=“some name”

VALUE=“some value”>
Password field
<INPUT TYPE=PASSWORD NAME=“some

name” VALUE=“some value”>
Hidden fields
<INPUT TYPE=HIDDEN NAME=“some name”

VALUE=“some value”>
Check box button
<INPUT TYPE=CHECKBOX NAME=“some

name" VALUE=“some value" >
Radio button
<INPUT TYPE=RADIO NAME=“some name"

VALUE=“some value" >
Text area
<TEXTAREA NAME=“some name” COLS=“ ”

ROWS=“ ” >
</TEXTAREA>
Pull down menu
<SELECT NAME=“some name”>

<OPTION VALUE=“”> your 1st option
<OPTION VALUE=“”> your nth option
</SELECT>
Active images
<INPUT TYPE=IMAGE SRC=“path of the

image” NAME=“some name" VALUE=“some
value" >
Reset button
<INPUT TYPE=RESET NAME=“some name"

Submit button
<INPUT TYPE=SUBMIT NAME=“some name"

Button
<INPUT TYPE=BUTTON NAME=“some name"

Frame
<HTML>
<HEAD>
<TITLE> New Frame </TITLE>
</HEAD>
<frameset cols="*,*">
<frame src=“file name" name="" noresize scrolling=no>
<frameset rows="*,*" >
<frame src=" file name " name="" >
<frame src=" file name " name="" >
</frameset>
<BODY>
</BODY>
</HTML>
Thank you.

HTML

Caricato da

Informazioni sul documento

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

HTML

Caricato da

Copyright:

Formati disponibili

HTML

DIV is used for division

 Ordered (Numbered) List

<A HREF="#Jump">Jump down to the word

 <IMG SRC=“path of the picture/URL”>

 <IMG DYNSRC=“path of the clip/URL”>

CONTROLS to add control button

<INPUT TYPE=TEXT NAME=“some name”

<INPUT TYPE=PASSWORD NAME=“some

<INPUT TYPE=HIDDEN NAME=“some name”

<INPUT TYPE=CHECKBOX NAME=“some

<INPUT TYPE=RADIO NAME=“some name"

<TEXTAREA NAME=“some name” COLS=“ ”

<SELECT NAME=“some name”>

<INPUT TYPE=IMAGE SRC=“path of the

<INPUT TYPE=RESET NAME=“some name"

<INPUT TYPE=SUBMIT NAME=“some name"

<INPUT TYPE=BUTTON NAME=“some name"

Potrebbero piacerti anche