初学者接触HTML了解一些HTML标记(页 1) - ASP,PHP,CGI,JSP技术 - 捌玖网络工作室 |网页制作|平面设计|建站交流|代码资料|建站教程|主机域名|asp、php、jsp代码|网站素材

倚天长笑 发表于 2007-11-15 22:00

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

初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！
pw1y b7g^D4A/q
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。wH B2BuDKV
1、[code] [/code]说明：注释标记，在“”之间的内容将不在浏览器中显示。
2、[code]<!DOCTYPE>  [/code]说明：描述文件所符合的HTML DTD，用于对文件的兼容性作简要说明。 "Y/b;j:x)cZ$w3_f
3、[code] <A
ACCESSKEY=key 7HWC&u4hK
CLASS=classname #VA0_Jeb_P
DATAFLD=colname
DATASRC=#ID 4c/PM/J#?V7r!P
HREF=url
ID=value
LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS l{p*[]%q
METHODS=http-method
NAME=name (q8S'K(V#]8`
REL="stylesheet" @RW3[@![U'p8V6L
REV="stylesheet"
STYLE=css1-properties
TABINDEX=n "v;HsPH"f-I?
TARGET=window_name | _blank | _parent | _self | _top  @a!JL.~{
TITLE=text @2k*gj9F/P i-OG
URN=urn T c*PL q!~!@%{r(C
event = script
>  [/code]说明：描述超级链接的开始位置或者目标。要求必须定义herf=或name=属性。需要结束标记。w]1Gbk;W&Svk
4、[code] <ACRONYM -Zez;]V F"YJ
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script e/a~/h5bXm
> [/code]说明：说明一个缩写词。该标志不影响浏览器中文本的显示。需要结束标记 $kM5Y(s(Es[
5、[code] <ADDRESS
CLASS=classname
ID=value
LANG=language qD6lQP
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties N;V}Z8y z
TITLE=text 8xe+fV9BJmB
event= script
>  [/code]说明：常用于描述地址、签名和作者信息。需要结束标记。8N;UUD+A\+AN9j)r
6、[code] <APPLET
ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |  &P+P7h5rB b&\W d
RIGHT | TEXTTOP | TOP 4BM8Q.mu9c,o
ALT=text m?&iX*L(n@9P
CLASS=classname zk9C _*~.@
CODE=filename
!S ]R-k(i
CODEBASE=url u} H1P?
DATAFLD=colname 1N9M.@+eq?3jf&p#C7T
DATASRC=#ID 4C.ki/Zf
HEIGHT=n %@/lnuZ!^
HSPACE=n k"fYWA
ID=value 4_7B/d'ROc[|
NAME=name
SRC=url /bmw4j \
STYLE=css1-properties
TITLE=text ){b h3_8@jI
VSPACE=n
WIDTH=n
event = script
>[/code]说明：在页面中放置可执行的内容。需要结束标记。
7、[code] <AREA "e3z4s6~${3P"I_
ALT=text E7\` E4e%f
CLASS=classname
COORDS=coordinates ;t^8h*@jDGdD
HREF=url
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
NOHREF
SHAPE=CIRC | CIRCLE | POLY | POLYGON | RECT | RECTANGLE
STYLE=css1-properties
TABINDEX=n 3w+dj3{5NX
TARGET=window_name | _blank | _parent | _self | _top  2mkg&F7\2Y
TITLE=text $QCFkT
event = script
>[/code]说明：在客户端图像映射MAP中描述超链接热点的轮廓形状。不需要结束标记。
%juh-d(@s
8、[code] <B
CLASS=classname n j[nnUs
ID=value "My1kc#kYn#hd
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：将文本以粗体显示。需要结束标记。

9、[code]<BASE
HREF=url
TARGET=window_name | _blank | _parent | _self | _top
>  [/code]说明：描述文档的基本地址，浏览器依此转换相对地址。只能用在HEAD标记中，不需要结束标记。

10、[code] <BASEFONT TEO.vrv
CLASS=classname
COLOR=color
FACE=font
ID=value
LANG=language ;\O7qE-o-{,A{x
SIZE=n
>  [/code]说明：描述基本字体类型，用于显示缺省字体的文本。可用在HEAD标记中，不需要结束标记。rr;f&FiBx

11、[code] < BGSOUND RaZYY'r$vZG
BALANCE=n
CLASS=classname ;Z:SZ"L0}#cDaTj
ID=value :e*[*LMZE
LANG=language #m&I%h/[3h!\D
LOOP=n L R.K;M&fglD
SRC=url p3W o#c)Eu/K)gu
TITLE=text
VOLUME=n -n9vh^KZzA7_d
>  [/code]说明：在页面中加入背景音乐。可使用在HEAD标记中，结束标记可选。
.h:jua4~q:U
12、[code] < BIG f;D+fPO)L,b#@i
CLASS=classname
ID=value 9h5bGy4v6V
LANG=language lrK%`2n)c
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS @1DN4g?&d:a
STYLE=css1-properties
TITLE=text
event = script e[6Vr7[1B%d0f
>  [/code]说明：以比当前所用字体稍大的字体显示文本。需要结束标记。

13、[code] < BLOCKQUOTE 6tR|9m"T;m
CLASS=classname 3~T8t2mEA\@
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text HAs:wk1`4Q7R
event = script 2j1v-dI8\*Y!Z
>  [/code]说明：引用其它资源中的内容，可能会缩进、斜体显示，通常上下加空行。需要结束标记。m:K*cA&o.d
2_,d#?{;OJR/b~~Bj
14、[code] < BODY
ALINK=color
BACKGROUND=url jJ9q'H6|&t:N_CJ_!w
BGCOLOR=color #tx&fc\m/v
BGPROPERTIES=FIXED
BOTTOMMARGIN=pixels Nj%gQA RL a
CLASS=classname "XUu;O~!j*jti
ID=value hXc/V;ky
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS W-R*NwvA/X
LEFTMARGIN=pixels pK3l+Bq{6o
LINK=color
RIGHTMARGIN=pixels
SCROLL=YES|NO
STYLE=css1-properties _c WS(L#vAF4j
TEXT=color
TITLE=string
TOPMARGIN=n ^(r3B{O8Wj
VLINK=color 6o'|0ZH.yF9r
event = script
>  [/code]说明：描述文档主体的开始和结束。需要结束标记。

15、[code] < BR xi*Rr iIE
CLASS=classname
CLEAR=ALL |LEFT | RIGHT
ID=value
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS cp4V`H;f
STYLE=css1-properties /bN,Y'j$?
TITLE=text q.c#gvR7g g2I0PX
>  [/code]说明：换行标记。
&_[HL ?$_QHSK J
16、[code] < BUTTON /B2LRc5D if%q"R
ACCESSKEY=string
CLASS=classname
DATAFLD=colname
DATAFORMATAS=HTML | TEXT
DATASRC=#ID
qZ]%fif^
DISABLED
ID=value
LANG=language *s$`1lK#\8u:\
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties   QxC-Z8t\
TITLE=text 9PdJ4C;Q,|(q;Z h;q
TYPE=BUTTON | RESET | SUBMIT ^8C)]#jw j
event = script
>  [/code]说明：设置一个按钮。需要结束标记。;w9L;{w"~x

17、[code] < CAPTION
ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP %oj1SGLe{
CLASS=classname m5e:]*wk/f(E\ I(Wf
ID=value *SFM2SR,?
LANG=language jR"SXR Nx\
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS TjZ&G`
STYLE=css1-properties  !HP2n-b!E\t
TITLE=text
VALIGN=BOTTOM | TOP *Xd F [,lH
event = script
>  [/code]说明：给TABLE加一个标题。需要结束标记。 :Xqk#mW&Ud]T

18、[code] < CENTER
CLASS=classname
ID=value
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties  VW7b9B8w1y
TITLE=text
event = script -V/M"ZgW%IY,lW
>  [/code]说明：居中排列其中的内容。需要结束标记。A3G1D)t+x:_g/u a?-l

19、[code] < CITE
CLASS=classname _3r$`8x.HL7t
ID=value
LANG=language /d;^ L^f,w_
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS
STYLE=css1-properties
TITLE=text
event = script
>  [/code]说明：简要说明一个引用，内容用斜体显示。需要结束标记。
E4sJZ.?+~%u1w
20、[code] < CODE
CLASS=classname r2G.zg(F7p,a
ID=value kqk? bLMYSNK(`
LANG=language
LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS /u(s)q)|G0w5`
STYLE=css1-properties O/MF.Z)i H+t X
TITLE=text $B%dp,uc*c'M&A
event = script
>  [/code]说明：以等宽字体显示一段代码。需要结束标记。s~c$J6hyy

[[i] 本帖最后由倚天长笑于 2007-11-15 22:28 编辑 [/i]]

admin 发表于 2007-12-8 11:33

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

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

   [b]基本结构标志Y&i!U(KO ePu
[/b]}L(pV[tX
   <HTML> ----------表示该文件为HTML文件AZ ^g5DC8e

   <HEAD> ----------包含文件的标题，使用的脚本，样式定义等
^#[}8h-|
   <TITLE>HELLO WORLD！</TITLE>  -包含文件的标题，标题出现在浏览器标题栏中$lJZ _/S3E*P@8d,r
V oMu P(gj
   <HEAD> ----------</HEAD>的结束标志

   <BODY> --------放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示</BODY>

   </HTML> ----------<HTML>的结束标志
0cYL(BRn0Gr$\
   [b]其它主要标志    以下所有标志用在<BODY></BODY>中[/b] pHy6jl t

   <A HREF="…"></A> ----------链接标志，“…”为链接的文件地址

   <IMG SRC="…"> ----------显示图片标志，“…”为图片的地址R6s F-K/q`*t B6W
)c8gt~d3[j
   <BR> ----------换行标志1W}1@K^k
C#lGXV/gD i7m
   <P> ----------分段标志

   <B></B> ----------采用黑体字nGYFK c0F7H

   <I></I> ----------采用斜体字%u2QFV.Vo

   <HR> ----------水平画线
/Uk%~;tP
   <TABLE></TABLE> ----------定义表格，HTML中重要的标志
Q+X,Gfbic
   <TR></TR> ----------定义表格的行，用在<TABLE></TABLE>中8_1TL0B4QYEn RFH
!Q4Xo_6S#AM[
   <TD></TD> ----------表格单元，用在<TR></TR>中5W^S jUwce

   <FONT></FONT> ----------字体样式标志
:s+K,Cvw&@K0x(n
   [b]属性的用法：g&Kr#PW0}:^4{
[/b]s*Y+K}I3LB
   [b]属性是用来修饰标志的，属性放在开始标志内。
4\I'g2`)_ [
   [/b]例如：属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子：<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色，<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。 0k3T)gZ*f?
0ce[6Y @'GK
   [b]常用属性[/b]：对齐属性范围属性 E|KZ}#u/Vqh
x4Pip ?!Q3CY
   ALIGN=LEFT 左对齐（缺省值） WIDTH=象素值或百分比对象宽度
8Q,@l&xL#Be^R
   ALIGN=CENTER 居中 HEIGHT=象素值或百分比对象高度 $_8v1G]SXx
aOTdr#V`
   ALIGN=RIGHT 右对齐色彩属性 +Wjm4qg6c
0hvv c/D}U(Cu+W
   COLOR=#RRGGBB 前景色参考色彩对照表
Im"}n|.CI
   BGCOLOR=#RRGGBB 背景色

页: [1]

捌玖网络工作室's Archiver

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

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