Download as pdf or txt
Download as pdf or txt
You are on page 1of 38

.

1. HTML

2012

TML

ML HyperText Markup Language


. ML

.
.
(document)
Web. M

Web
Browser.


(document) (page)
.
. ML

browser. browser
ML .
ML
.

L - (hyper documents). E
- (links)
. - (Hyperlink)

. ,
HTML,
,
.
browser
.

L
HTML
(tags). , ,
(<) (>).
.
. :
< >
(/)
(<), .
:
</ >

.


. :
2

= ""
.
HTML
. :
<B><I> . </></>

. browser
.

L
HTML 1.

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
1 HTML

HTML

<>anchor</>
:
, , .
: accesskey, charset, coords, href, hreflang, id, name, rel, rev, shape, style,
tadindex, targer, title, type, onBlur, onClick, onDblClick, onFocus, onKeyDown,
OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp.

Accesskey

Charset

to

coords = text


.
. :
circle, poly, rect.

href = URL

HrefLang = text


Href

Name
4

HTML

Id

Rel = link_types

Web.

Rev = link_types

Web .

Shape = text


. : default: , circle:
, poly: , rect: .

<ADDRESS></ADDRESS>
: .
: class, dir, id, lang, onclick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp.

<B>bold</B>
:
(bold).
: class, dir, id, lang, onclick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

<BASEFONT> Basefont</BASEFONT>
:

: class, color, face, id, lang, size, style, title

<BIG></BIG>
:

: class, dir, id, lang, onclick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

<BLOCKQUOTE>< /BLOCKQUOTE>
:

: class, dir, id, lang, onclick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

<DY></BODY>
:
: alink, background, bgcolor, class, dir, id, lang, link, text, vlink, onclick,
onDblClick,

onKeyDown,

OnKeyPress,

onload,

onKeyUp,

onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title.

bgcolor
6

onMouseDown,

(background) .

background

E .

Style

K browser
, ,

Text

alink, link, vlink

<BR>
: K
: class, clear, id, style, title

<UTTON><BUTTON>
:
.
: class, dir, disable, id, lang, name, onclick, onDblClick, onfocus,
onKeyDown, OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut,
onMouseOver, onMouseUp, style, tabindex, title, type, value

disabled

disabled

Name = text

K .

Value = text

Tabindex


Tab tabindex
0 32767
.

Type = text

K .
SUBMIT, RESET BUTTON

<CAPTION></CAPTION>
: .
<TABLE>
.
: class, dir, id, lang, onclick, onDblClick, onKeyDown, OnKeyPress, onload,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
onunload, style, title

<CODE>Computer code </CODE>


:
.
8

: class, dir, id, lang, style, title.

<COL>Column</COL>
:
: align, char, charoff, class, dir, id, lang, onclick, onDblClick, onKeyDown,
OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp, style, title, valign

Span = number

Width = number

<COLGROUP></COLGROUP>
:

: align, char, charoff, class, dir, id, lang, onclick, onDblClick, onKeyDown,
OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp, style, title, valign

<DEL>Delete</DEL>
: .
.
: class, cite, datetime, dir, id, lang, onClick, onDblClick, onKeyDown,
OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp, style, title.
9

Cite = URL

Datetime = date_and_time

<DD>Definition Definition </DD>


: ().
<DL>.
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title
<DIR>Directory list </DIR>
:
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title

<DIV>Division</DIV>
: .
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title

10

<DL>Definition List</DL>
: E
.
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title

<DT>Definition Term</DT>
: .
<DL>
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title

<EM>Emphasis</EM>
: .
.
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title

<FIELDSET></FILDSET>
: .

11

: accesskey, class, dir, id, lang, onClick, onDblClick, onKeyDown,


OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp, style, title

<FONT> font of text</FONT>


: ,
: class, color, face, id, lang, size, style, title

Size = number

size.
1 7.

Color

Face


<FONT>

<FORM></FORM>
:

: action, accept, accept-charset, class, dir, enctype, id, lang, method, onClick,
onDblClick, onKeyDown, OnKeyPress, onKeyUp, onMouseDown, onMouseMove,
onMouseOut, onMouseOver, onMouseUp, onReset, onSubmit, style, target, title

Action = URL

URL
.
12

Method = text

method
server.
GET POST.

Enctype = text


server.

target = text

script

Accept-charset = text


server

Accept = text

style

Class

Name

13

<FRAME></FRAME>
: K
: class, frameborder, id, longdesk, marginheight, marginwidth, name,
noresize, scrolling, src, style, target, title.

Frameborder = number

O .

Longdesk = URL

K URL
.

Marginwidth = number

O .
pixels.

Marginheight = number

O .
pixels.

Name

Noresize

scrolling = text

(scroll bars) .
: AUTO, NO YES.. H

auto

(scroll bars)

14

browser. H

no yes

, .

Src

URL , ,
.

<FRAMESET></FRAMESET>
: browser
I: id, class, cols, title, style, onload, onunload, rows

cols rows

rows () cols (),


.

<HEAD></HEAD>
:
.
I: lang, dir

<H1>Heading</H1>, <H2></H2>, <H3></H3>, <H4></H4>, <H5></H5>,


<H6></H6>
: .
I: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title

15

<HR> Horizontal line


:
: align, class, id, noshade, onClick, onDblClick, onKeyDown, onKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
size, style, title, width

align

CENTER, LEFT
RIGHT

size

.
pixels

noshade

width

.
pixels

<HL></HTML>
: HTML.
I: lang, dir, version

version

HTML

dir

16

lang = en

<I>Italics</I>
:
(Italics).
I: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title

<IFRAME></IFRAME>
: E .
I: align, class, frameborder, height, id, longdesc, marginheight, marginwidth,
name, scrolling, src, style, target, title, width

Frameborder = number

O .

Longdesk = URL

K URL
.

Marginwidth = number

O .
pixels.

Marginheight = number

17

O .
pixels.

scrolling = text

. : auto,
no yes. H auto (scroll bars)
browser. H no
yes ,
.

src = URL

URL .

<IMG>
: E .
I: alt, align, border, class, height, hspace, ismap, id, lang, longdesc, onClick,
onDblClick, onKeyDown, OnKeyPress, onKeyUp, onMouseDown, onMouseMove,
onMouseOut, onMouseOver, onMouseUp, src, style, title, usemap, vspace, width

alt

align

,
. : TOP,
MIDDLE, BOTTOM, (LEFT RIGHT).

Border

18

Height = number

Hspace, vspace = number

() .

Ismap

Longdesc = URL

alt
.

Src = URL

browser
.

Width = number

<INPUT>
:
I: accept, accesskey, align, alt, class, cheched, dir, disable, id, lang, maxlength,
name, onblur, onChange, onClick, onDblClick, onFocus, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
onSelect, readOnly, size, src, style, type, tadindex, title, usemap, value.

Accept

19


server .

Cheched

(checkbox)
(radio) .

Name = text

Type = text

.
TEXT, PASSWORD, BUTTON, CHECKBOX, RADIO, SUBMIT, RESET,
FILE, HIDDEN, IMAGE

Value = text

Size = number

Maxlength = number

<LABEL></LABEL>
:
I: accesskey, class, dir, for, id, lang, onBlur, onClick, onDblClick, onFocus,
onKeyDown, OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut,
onMouseOver, onMouseUp, style, title.

20

For = text

K .

<LI>List Item</LI>
:

K , ,


I: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title, type, value.

<LINK>
: .
: charset, class, dir, href, hreflang, id, lang, media, rel, rev, style, target, type,
title.
: onClick, onDblClick, onKeyDown, OnKeyPress, onKeyUp,
onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp.

Rel

stylesheet

Type


CSS

21

<MAP> </MAP>
: .
I: class, del, dir, id, name, rev, style, tabindex, target, title, type
: onBlur, onClick, onDblClick, onFocus,

onKeyDown,

OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,


onMouseUp.

<META>
: .
: content, dir, http-equiv, lang, name, scheme.

<OFRAMES> </NOFRAMES>
: browsers
<FRAMESET>
:

<BJECT>Object</OBJECT>
:
.
: archive, class, classid, codeBase, codeType, data, declare, dir, height,
hspace, id, lang, name, onClick, onDblClick, onKeyDown, OnKeyPress, onKeyUp,
onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
standly, tabindex, title, type, usemap, vspace, width.

Archive = text

22

style,

URL classid
data .

Classid = URL

URL
data .

CodeBase =URL

URL URL
.

CodeType = text


classid.

Data = URL

URL .

Declare


<OBJECT>

Hspace = number

o
.

Standly = text

Type = text


data.
23

Vspace = number

o
.

<L>Ordered List</OL>
:
: class, compact, dir, id, lang, onClick, onDblClick, onKeyDown,
OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp, start, style, title, type, value.

start = number

type



. , a, I, i.

style

type. upper-alpha
lower-alpha, upper-roman, lower- roman, Decimal-leading-zero, Lower-

Greek

<OPTION></OPTION>
:
<SELECT>.

24

: class, dir, disable, id, label, lang, multiple, name, onClick, onDblClick,
onKeyDown, OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut,
onMouseOver, onMouseUp, selected, style, size, tabindex, title, value.

Selected

Value = text

<P>Paragraph</P>
:
: align, class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

<PRE>Preformed Text</PRE>
:
HTML.
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

25

<Q>Quote</Q>
:
..
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

<SCRIPT>Scripts </SCRIPT>

: scripts VBScript
JavaScript.
: src, type, language, defer, charset

Src = URL

scr URL
script .

Type = text

script.

Defer

K script .

<SELECT></SELECT>
:
<OPTION>.
: class, col, dir, disabled, id, lang, multiple, name, onClick, onDblClick,
onKeyDown, OnKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut,
onMouseOver, onMouseUp, style, size, tabindex, title.
26

Name = text

Size = number

size
.

Multiple

<SMAL></SMAL>
:
.
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

<SPAN></SPAN>
:
.
: align, class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

27

<STYLE> </STYLE>
:
<BODY> </BODY>
: dir, lang, media, title, type

<SRONG></STRONG>
: .
browsers bold.
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

<SUB>Subscript</SUB>
:
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

<SUP>Superscript</SUP>
:
: class, dir, id, lang, onClick, onDblClick, onKeyDown, OnKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.

28

<ABLE></TABLE>
:

: align, bgcolor, border, cellspacing, cellpadding, class, frame, dir, id, lang,
onClick,

onDblClick,

onKeyDown,

onKeyPress,

onKeyUp,

onMouseDown,

onMouseMove, onMouseOut, onMouseOver, onMouseUp, rules, style, summary, title,


width.

bgcolor

Border = number

K .

Cellspacing =number

K .

Cellpadding =number

K .

Frame = text

.
void, below, hsides, vsides, lhs, rhs

Summary = text

Rules = text


. NONE, ROWS, COLS, ALL
GROUPS.

29

<D>Table Data</TD>
:
: abbr, align, axis, bgcolor, class, char, charoff, colspan, dir, headers, height,
id, lang, nowrap, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp,
onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, rowspan,
scope, style, title, valign, width.

Headers = text

Scope = text

Abbr = text

Axis = categories

Rowspan=number

Colspan = number

30

<R></TEXTAREA>
: .
: class, cols, dir, disabled, id, lang, name, onblur, onchange, onClick,
onDblClick,

onfocus,

onKeyDown,

onKeyPress,

onKeyUp,

onMouseDown,

onMouseMove, onMouseOut, onMouseOver, onMouseUp, onSelect, readOnly, rows,


style, tabindex, title.

Name = text

Rows = number

K .

Cols = number

K .

<FOOT></TFOOT>
:
..
: align, char, charoff, class, dir, id, lang, onClick, onDblClick, onKeyDown,
onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp, style, title, valign.

<TH> Table Heading </>


:
: abbr, align, axis, bgcolor, class, char, charoff, colspan, dir, headers, height,
id, lang, nowrap, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp,

31

onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, rowspan,


scope, style, title, valign, width.

Headers = text

headers
id.

Scope = text

Abbr = text

Rowspan=number

Colspan = number

<D></THEAD>
:
..
: align, char, charoff, class, dir, id, lang, onClick, onDblClick, onKeyDown,
onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp, style, title, valign.

32

<ITLE></TITLE>
: . browsers
browser.
: dir, lang,

<R>Table Row</TR>
:
: align, class, char, charoff, dir, id, lang, onClick, onDblClick, onKeyDown,
onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp, style, title, valign.

<UL>Unordered List</UL>
: K .
<LI>
: class, compact, dir, id, lang, start, onClick, onDblClick, onKeyDown,
onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver,
onMouseUp, style, title, type.

compact

compact <UL>

style type

.
: disc, circle square
33

<VAR>Variable</VAR>
:
: class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress,
onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp,
style, title.


HTML .
:

Accesskey=character

Align= text

Alt= text

, ,
.

Char= character

Class= text

34

Dir= text

. Ltr
. RtL .

Disabled

Id= text

Lang= text

Name= text

Style= text

Tabndex= number

Tab .

Target= text

Title= text

Valign= text

35

(Intrinsic events)

. script. script
.
2.

onBlur



tab. <A>,
<AREA>, <BUTTON>, <INPUT>, <LABEL>, <SELECT>
<TEXTAREA>.

onChange


.
, .
<INPUT>, <SELECT>
<TEXTAREA>.

onClick


.
.

onDblClick


.
.

onFocus


tab.
<A>, <AREA>, <BUTTON>, <INPUT>, <LABEL>,
<SELECT> <TEXTAREA>.

onKeyDown


. .

onKeyPress


.
.

onKeyUp


. .

36

onLoad

browser

<FRAMESET>.
<BODY> <FRAMESET>.

onMouseDown

. .
onMouseMove


.
.

onMouseOut


.
.

onMouseOver


.
.

onMouseUp


.
.

onReset


reset .
<FORM>.

onSelect


.
<INPUT> <TEXTAREA>.

onSubmit


submit .
<FORM>.

onUnload

browser
.
<BODY> <FRAMESET>.

2

2
browsers .

37

You might also like