Hyper text markup language

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>

BR>

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

Education

Hyper text markup language