Professional Documents
Culture Documents
Notes HTML
Notes HTML
1. HTML
2012
TML
(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>
:
<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,
bgcolor
6
onMouseDown,
(background) .
background
E .
Style
K browser
, ,
Text
<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
<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
<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
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
<HEAD></HEAD>
:
.
I: lang, dir
15
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
() .
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,
<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,
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,
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.
31
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