Rank: 1

UID: 55
帖子: 1
精华: 0
积分: 1
金币: 0
威望: 2
贡献: 0

1楼 跳转到 » 倒序看帖

字体大小: tT

发表于 2007-11-15 22:00 | 只看该作者

初学者接触HTML了解一些HTML标记

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ * g! }4 k, u6 c# }( @! J
N, v L5 T( ^; M( }; V" V
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。
1、

复制代码

说明：注释标记，在“”之间的内容将不在浏览器中显示。% c! n1 x! t H# C
2、

<!DOCTYPE>

复制代码

说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。
3、

<A
ACCESSKEY=key
CLASS=classname
DATAFLD=colname
DATASRC=#ID
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
METHODS=http-method
NAME=name
REL="stylesheet"
REV="stylesheet"
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
URN=urn
event = script
>

复制代码

说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。2 `7 X; K3 o/ M7 b7 t
4、

<ACRONYM
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

复制代码

说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 8 h: T; g6 g) O/ L, V
5、

<ADDRESS
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event= script
>

复制代码

说明：常用于描述地址、签名和作者信息。需要结束标记。
6、

<APPLET
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |
RIGHT | TEXTTOP | TOP
ALT=text
CLASS=classname
CODE=filename
CODEBASE=url
DATAFLD=colname
DATASRC=#ID
HEIGHT=n
HSPACE=n
ID=value
NAME=name
SRC=url
STYLE=css1-properties
TITLE=text
VSPACE=n
WIDTH=n
event = script
>

复制代码

说明：在页面中放置可执行的内容。需要结束标记。 B1 v5 Q% X4 S( n
7、

<AREA
ALT=text
CLASS=classname
COORDS=coordinates
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE
STYLE=css1-properties
TABINDEX=n
TARGET=window_name | _blank | _parent | _self | _top
TITLE=text
event = script
>

复制代码

说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。
6 S5 r4 A' ^; U4 z
8、

<B
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

复制代码

说明：将文本以粗体显示。需要结束标记。
* M6 d- ]- Y/ O; [; X* A/ y
9、

<BASE
HREF=url
TARGET=window_name | _blank | _parent | _self | _top
>

复制代码

说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。, N; x. |: i5 N h" a0 {5 ?

10、

<BASEFONT
CLASS=classname
COLOR=color
FACE=font
ID=value
LANG=language
SIZE=n
>

复制代码

说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。
/ e& E+ X& }8 [; u7 j$ m6 Y' V6 M
11、

< BGSOUND
BALANCE=n
CLASS=classname
ID=value
LANG=language
LOOP=n
SRC=url
TITLE=text
VOLUME=n
>

复制代码

说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。 ' s* {" M7 I( \
5 Y/ n0 n* U* H
12、

< BIG
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

复制代码

说明：以比当前所用字体稍大的字体显示文本。需要结束标记。
; m8 j, U+ y8 [: z0 @
13、

< BLOCKQUOTE
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

复制代码

说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。3 K( F Q7 P* J! U' y3 i
* s/ c# g: r C H1 M$ v
14、

< BODY
ALINK=color
BACKGROUND=url
BGCOLOR=color
BGPROPERTIES=FIXED
BOTTOMMARGIN=pixels
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
LEFTMARGIN=pixels
LINK=color
RIGHTMARGIN=pixels
SCROLL=YES|NO
STYLE=css1-properties
TEXT=color
TITLE=string
TOPMARGIN=n
VLINK=color
event = script
>

复制代码

说明：描述文档主体的开始和结束。需要结束标记。
7 v2 o4 K# O" Y7 [
15、

< BR
CLASS=classname
CLEAR=ALL |LEFT | RIGHT
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
>

复制代码

说明：换行标记。; b1 x: P* b6 V F F
+ D* \2 o7 N' b( n
16、

< BUTTON
ACCESSKEY=string
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
DISABLED
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
TYPE=BUTTON | RESET | SUBMIT
event = script
>

复制代码

说明：设置一个按钮。需要结束标记。

17、

< CAPTION
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
VALIGN=BOTTOM | TOP
event = script
>

复制代码

说明：给TABLE加一个标题。需要结束标记。

18、

< CENTER
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

复制代码

说明：居中排列其中的内容。需要结束标记。. t7 n: I/ b* e) C E- p
- E" Q0 \6 b; b! p" v l
19、

< CITE
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

复制代码

说明：简要说明一个引用，内容用斜体显示。需要结束标记。
7 U2 m; W- W' h2 e
20、

< CODE
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>

复制代码

说明：以等宽字体显示一段代码。需要结束标记。4 ^$ S3 A! W; f+ L* U
' t1 F0 |" T( H& O H' z
[ 本帖最后由倚天长笑于 2007-11-15 22:28 编辑 ]

admin

管理员

Rank: 9 Rank: 9 Rank: 9

UID: 1
帖子: 738
精华: 28
积分: 14191
金币: 2386
威望: 1647
贡献: 1334

2楼

发表于 2007-12-8 11:33 | 只看该作者

WEB网站主要的HTML标志和属性

HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等。很多标志都成对出现，例如有<TITLE>就有</TITLE>前一个表示开始，后一个表示结束，内容放在两者之间。 . O3 Z  M( j! {

   基本结构标志
/ b& G+ ~' l2 E. u& c$ p% `2 E, e' v9 p9 U3 a7 w
   <HTML> ----------表示该文件为HTML文件5 S- E6 x5 f$ a7 H0 L* P
) V  \9 d1 W, z; A' J: ?& U7 _
   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等
# t+ a  \$ |* A  @4 X4 C/ I( [
   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中4 R, A8 b: b1 g/ K3 c
% {9 i( @& p  y1 A/ w
   <HEAD> ----------</HEAD>的结束标志
/ F, q: L. Y+ O# D: I# l% r6 E
   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY> & ]1 N; {0 b/ L. a; G3 V: W3 ~
: E. F& H+ B) O: A! X" Y
   </HTML> ----------<HTML>的结束标志 2 ~6 o8 @5 I$ x" A; [9 E
' S8 U9 v% [: C) M
   其它主要标志    以下所有标志用在<BODY></BODY>中

   <A HREF="…"></A> ----------链接标志，“…”为链接的文件地址
  u# s' w% W& E1 X. }
   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址/ b' u' u- `2 h/ q9 A+ S

   <BR> ----------换行标志# ^' m" K, {% i$ |8 L

   <P> ----------分段标志$ H/ z3 x, E' \4 R2 m7 }
7 k* g" j- m) y: Q5 Q4 _
   <B></B> ----------采用黑体字- b8 @9 o" M1 E6 g0 a, P
, [7 m* y2 o4 z$ @- @, Z
   <I></I> ----------采用斜体字: m0 L% t, z5 B; J+ g4 i# i1 U' B) d

   <HR> ----------水平画线: D8 W  V2 m) i( u- F
4 K8 _% s" o7 I0 Q$ u
   <TABLE></TABLE> ----------定义表格，HTML中重要的标志6 L" j7 z5 N  j' A" b6 O) Z% H) i9 i
' [6 G7 d/ R, W4 s4 l
   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中

   <TD></TD> ----------表格单元，用在<TR></TR>中
0 @: t" y8 m4 ~5 ?0 A
   <FONT></FONT> ----------字体样式标志

   属性的用法：
1 d! B* h# b" q5 T! V( ?5 q
   属性是用来修饰标志的，属性放在开始标志内。
) S7 V6 o8 H  G$ Q( d
3 v( Q# U- K0 p    例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 * z0 O! X& h! z/ e. d: C0 e

   常用属性：对齐属性范围属性 ' {) m1 x7 ^  m$ j

   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度
0 e/ c- P  z* @% X1 }
   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度 ; I! ?3 _& B' V7 S* `& W
! t, u/ M/ `; D: Y/ z4 O- m1 a
   ALIGN=RIGHT 右对齐色彩属性
- }/ I$ _, H  J0 f
   COLOR=#RRGGBB 前景色参考色彩对照表 " X$ a2 u& m+ D" j% `5 u: w' o

   BGCOLOR=#RRGGBB 背景色

捌玖网络 89w.org----致力于站长学习交流

TOP

返回列表

初学者接触HTML了解一些HTML标记

WEB网站主要的HTML标志和属性

[收藏此主题] [关注此主题的新回复]

[通过 QQ、MSN 分享给朋友]