Hyper Text Markup
Language
HTML
ungpao_hunna@hotmail.
com
• HTML ( Hyper Text
Markup Language)
Markup Language
SGML (Standard
Generalized Markup Language)
• HTML
HTML Level
1, HTML 2.0, HTML 3.0, HTML
3.2 HTML 4.0
W3C HTML
XHTML
XML
• HTML
Tag
Tag
Attribute
• HTML
Text Editor
Notepad, EditPlus
Microsoft FrontPage,
•
generate code
HTML
HTML S
code
script
•
HTML HTML
Head) Body)
HTML>
<HEAD>
<TITLE>
TITLE>
</HEAD>
<BODY>
BODY>
htm
html
Refresh
HTML
HTML>.....</HTML>
HTML>
HTML>
-- --
-- END WEBSTAT CODE -->
HEAD>.....</HEAD>
TITLE>
TITLE>.....</TITLE>
TITLE> HTML </TITLE>
HTML
Title bar)
BODY>.....</BODY>
BODY> BODY>
Notepad
• Notepad Text
Editor
HTML Notepad
Windows
• Notepad
Start --> Programs -->
Accessories --> Notepad
Notepad
• File
• Save
• .HTML
• All File
• UTF-8
BGCOLOR=#
BODY BGCOLOR="#FF0000">
BGCOLOR=#
BODY>
Text=#
BODY TEXT="#00FF00">
BODY>
BODY TEXT="#00FF00">
FONT COLOR="#
FONT>
font color="#FF0000">
font>
FONT
COLOR="#FF0000"> FONT>
LINK="# ALINK="#VLINK"#
BODY BGCOLOR="000000" TEXT="#F0F0F0" LINK="#FFFF00" ALIGN="#0077FF" VLINK="#22AA22">
BODY LINK = ALIGN = VLINK =
Hx> Hx>
H1> H1>
- x
H1 H6
Hx>....</Hx>
FONT SIZE=x> FONT>
FONT SIZE=2>bcoms.net</FONT>
FONT SIZE=value> value
-
Bold)
B> B>
B>bcoms.net</B>
B>....</B>
bcoms.net
Itatic)
I> I>
I>bcoms.net</I>
I>....</I>
bcoms.net
Underline)
U> U>
U>bcoms.net</U>
U>.....<U>
bcoms.net
FONT FACE="font name>
FONT>
<FONT
FACE="AngsanaUPC">bcoms.net</FO
NT>
Font name Font
FONT FACE="AngsanaUPC">
bcoms.net</FONT>
P ALIGN=align type> P>
BR> P>
P ALIGN=align type> P>
align type CENTER,LEFT RIGHT P
ALIGN=CENTER> P>
HR ALIGN=xx COLOR=xx SIZE=xx WIDTH=xx NOSHADE>
X = ALIGN> = CENTER , LEFT , RIGHT
COLOR = R-G-BSIZE = --WIDTH =
NOSHADE =
Bullet lists) UL>
LI>
LI>
UL>
Type=N
N=circle= disc=
square=
UL>
UL>
<LI Type=disc>
LI Type=circle>
LI Type=square>
UL>
•
•
•
IMG ALIGN=align-type BORDER=n HEIGHT=n WIDTH=n
HSPACE=n VSPACE=n SRC=address ALT=text>
ALIGN=align-type(
LEFT =
RIGHT =
TOP =
MIDDLE =
BOTTOM=
BORDER=n n
HEIGHT=n
WIDTH=n
VSPACE=n
HSPACE=n -
SRC =
ALT =text
BACKGROUND="picture“
BACKGROUND="picture"
BODY> BODY
BACKGROUND="hot.gif">
-
-
- FTP
- E-Mail
A HREF="
A>
A HREF="tipcomputer.asp">
A>
*** A
HREF="../tipcomputer.asp">
A>
A HREF="http://www..........">A>
A HREF="http://www.bcoms.net"> A>
*** target="_blank"
a href="http://www.driverzone.com" target="_blank"> Driver Zone </a>
FTP
FTP://HOSTNAME/FOLDER>
A>
HOSTNAME FTP
Server
FOLDER
A
HREF=FTP://bcoms.net/download>
E-Mail
A
HREF="MAILTO:USERNAME@DOMAIN
NAME"> A>
a href="mailto:
[email protected]">bcoms_net
@hotmail.com</a>
TABLE>
<TH> </TH>
<TH>
</TH>
/TR>
<TR>
TD>
/TD>
TD>
/TD>
<TR>
ALIGN LEFT=
RIGHT=
BACKGRO
UND
url
BGCOLOR
BORDER n
BORDERC
OLOR
BORDER
CELLPADDI
NG
CELLSPACI
NG
FORM METHOD="..." ACTION="..."
ENCTYPE"..."></FORM>
METHOD=GET/POST GET
URL POST
GET
ACTION="mailto:[email protected]"
ENCTYPE= "application/x-www-form-urlencoded"
mailto:
FORM METHOD=POST
INPUT TYPE=TEXT NAME="..."
SIZE=n MAXLENGTH=n VALUE="...">
• TYPE=TEXT
TEXT
• NAME="..."
• SIZE=n
• MAXLENGTH=n
• VALUE="..."
INPUT TYPE=TEXT NAME="..."
SIZE=n MAXLENGTH=n VALUE="...">
• TYPE=TEXT
TEXT
• NAME="..."
• SIZE=n
• MAXLENGTH=n
• VALUE="..."
Radio Botton
INPUT TYPE=RADIO NAME="..."
VALUE="..." CHECKED>
CHECKED
INPUT TYPE=CHECKBOX NAME="..." VALUE="..." CHECKED>
CHECKED Radio Botton
name value name
value name value
TEXTAREA
TEXTAREA NAME="..." ROWS=n
COLS=n
WRAP=OFF/VIRTUAL/SOFT/PHYSICAL/
HARD >
.........TEXT
.........TEXT
</TEXTAREA>
Drop
down menu)
SELECT NAME="..." >
<OPTION SELECTED>
OPTION >
OPTION >
SELECT>
INPUT TYPE=SUBMIT VALUE="..." >< INPUT TYPE=RESET VALUE="..." >
• Submit
• Reset
• VauleSubmit Query Reset