DIV CSS布局基础：HTML标记(六)_XHTML教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

缂傚倸鍊搁崐鎼佸磹閹间礁纾瑰瀣捣閻棗霉閿濆牜鍤夋繛宸簼閺呮繈鏌涚仦鐐殤闁告梻鏁哥槐鎾存媴閹绘帊澹曢梻浣侯攰娴滎剟顢楅·鐛礛S闂傚倸鍊峰ù鍥х暦閻㈢ǹ绐楅柟鎵閸嬶繝鏌曟径鍫濆壔婵炴垶菤閺€浠嬫倵閿濆啫濡烽柛瀣崌瀹曟帡鎮欓弻銉ユ暪闂備礁鎼ú銊╁磻閻愮儤鍊垫い鎺嗗亾闁宠鍨块幃娆撳矗婢舵ɑ锛侀梻浣规偠閸斿酣宕伴弽褜鍤曞┑鐘崇閺呮悂鏌ㄩ悤鍌涘婵犵數濮烽弫鎼佸磻閻愬搫鍨傞悹杞拌濞兼牠鎮峰▎蹇擃伀闁绘繂鐖奸弻娑㈠焺閸愵亖妲堥梺缁樻尰閿曘垽寮婚垾鎰佸悑閹肩补鈧磭顔戦梻浣瑰▕閺€杈╂暜閿熺姴钃熼柕濞炬櫆閸嬪棝鏌涚仦鍓р槈妞ゅ骏鎷� 缂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘ｅ亾閽樻繈姊洪鈧粔瀵哥玻濡ゅ懏鐓欓梺顓ㄧ畱婢ч箖鏌ら弶鎸庡仴闁哄本鐩俊鐑筋敊閻撳寒娼荤紓鍌欒閸嬫挸顭块懜闈涘闁绘挸鍟撮弻鏇熷緞閸繂顬夐梺缁樼箥娴滎亪寮婚敐鍛斀闁圭偓娼欓锟� 闂傚倸鍊搁崐鎼佸磹妞嬪孩顐介柨鐔哄Т绾惧鏌涢弴銊ョ€柛銉ｅ妽缂嶅洭鏌嶉崫鍕殶妞わ富鍨辩换婵嬪閿濆棛銆愰梺鍝勭墱閸撶喎鐣峰Δ鈧オ浼村醇閻斿搫骞愰梻浣规偠閸庮垶宕濆澶嬪剭闁硅揪闄勯埛鎺戭熆鐠虹尨鍔熼弫鍫ユ⒑閸濆嫯顫﹂柛濠冪墪宀ｈ儻绠涘☉妯溾晠鏌ㄩ弮鍌滃笡妞ゃ儲绋撶槐鎾诲磼濞嗘垵濡介梺鍝ュ仜椤兘鐛箛娑欐櫢闁跨噦鎷� 闂傚倸鍊搁崐椋庣矆娓氣偓楠炴牠顢曢敃鈧悿顕€鏌ｅΔ鈧悧濠囧矗韫囨稒鐓欑紓浣靛灩閺嬫稒淇婇悙鎵煓闁哄备鈧剚鍚嬮幖绮光偓鑼晼闂備礁鎲￠〃鍡欏枈瀹ュ洦宕叉繛鎴欏灩楠炪垺淇婇婵愬殭闂傚绉撮埞鎴︻敋閸℃瑧蓱闂佸憡姊归〃濠囧春閳ь剚銇勯幒鎴濇灓婵炲吋鍔欓弻鐔碱敊閼测晛鐓熼悗瑙勬礃濞茬喖寮婚崱妤婂悑闁告侗鍨抽崢顒勬⒒娴ｈ姤纭堕柛锝忕畵楠炲繘鏁撻敓锟�,闂傚倸鍊搁崐宄懊归崶顒佸剭妞ゆ劧绠戠粈瀣亜閹扳晛鐏╃悮姗€姊绘担绛嬪殭婵﹫绠撻敐鐐村緞鐎ｎ剛顔曟繝鐢靛Т閸嬪棝宕甸弴銏＄厱妞ゆ劧绲剧粈鈧紓浣插亾闁告劏鏂傛禍婊堟煛閸屾氨浠㈤柟顔藉灦閵囧嫯绠涢弴鐐寸€剧紓浣虹帛閻╊垶鐛€ｎ喗鍊烽柡澶嬪灩濞堛倝姊绘担鍛靛綊顢栭崱娑樼闁搞儜灞剧稁闂佸憡绻傜€氀囧几鎼淬劍鐓欐い鏍ф鐎氼喗绂嶉鍫熲拻濞达絽鎲￠崯鐐烘煟閻旀潙鍔ら柟骞垮灩铻ｅ〒姘煎灠濞堛劍绻濋悽闈浶ｇ痪鏉跨Ч瀵煡骞栨担鍦弳闂佺粯娲栭崐鍦偓姘炬嫹!

本站将陆续推出一些关于HTML标记的文章！

　　这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。在此不在一一罗列，相关知识请参考MB5U.com的其它文章。

附录：

1、基本TAG元素
--------------------------------------------------------------------------
文件格式 <HTML></HTML> (HTML文件的开头与结尾)
主题 <TITLE></TITLE> (必须放在文头区段)
文头区段 <HEAD></HEAD> (描述文件，如「主题」)
内文区段 <BODY></BODY> (内容所在)

2、与结构相关的元素
--------------------------------------------------------------------------
标题 <H?></H?> (有六种：H1,H2,H3,H4,H5,H6)
标题对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区段 <DIV></DIV>
区段对齐 <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
简短的引用 <Q> 与 </Q>
是对於一些引用的文件，假如引用的部分不长。那麽可以考虑使用这一个标签，这一个标签是HTML3.0的新语法。
引文区段
<BLOCKQUOTE></BLOCKQUOTE>(显示时通常会内缩)blockquote是用来表示区域内的文件是引用某个人或是某份文件内的资料的。通常引用的文字假如利用<BLOCKQUOTE>与
</BLOCKQUOTE>来将它们标记起来的话。那麽大部份的浏览器在读这些字的时候就会以另一种方式来表示它。这样的表示只是在提醒读者们这是引用其他人的部分。　

强调 (通常以斜体显示)
强烈强调 (通常以黑体显示) 这一个非凡加强语气的字元是STRONG这个与
EM一样都是加强语气的用法而已。大部份的浏览器都用粗黑体来表示被与所标记的字。
引用语句 <CITE></CITE> (通常以斜体显示) 利用 <CITE> 与 </CITE> 将引用他人的话标记起来
程序原码 <CODE></CODE> 读者假如写的是一些电脑方面的东西，那麽可以利用CODE
这一个标签将一些相关的字眼标记起来，使用的方式也是里用 <CODE> 与 </CODE> 将相关的字眼标记。
程序输出样本<SAMP></SAMP> 不加修在 HTML 里面，假如您想印出 HTML
的语法。那麽读者可能需要利用一些非凡的技巧来印这些字元。而在这些字元的外面，读者就可以利用SAMP
这一个符号将它们标记起来喔。这一个标签的特色是被标记的文字都会用固定的宽度来表示。
键盘输入 <KBD></KBD> KBD 这一个标签通常是用来告知读者可以敲入哪些字，这些被标记成
KBD的字通常都是以固定宽度的粗体字来表示。但是有些浏览器只是以固定宽度的字元来表示而已。
程序变量 <VAR></VAR> 对於一些可能改变的字HTML里面提供了一个
VAR的标签来展示它，这个标签的意思是对於那些可能轻易改变的变数或是字眼等等。可以使用<VAR> 及
<VAR>来标记它们。这样可以提醒使用者这些变数可能会有所改变。
定义 <DFN></DFN> (有些浏览器无此功能) 假如读者在 HTML
里面所用到的是一些定义的字眼。那麽读者可以考虑使用DFN这一个标签。假如读者使用Mosaic浏览器。那麽被 <DFN> 与
</DFN>所标记起来的文字将会用斜体字来表示。其它的浏览器则不一定。
作者地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 
语言 <LANG>
在一篇文件中，假如使用两种以上的语言，那麽就可以使用<LANG>与</LANG>来将它标记起来。这也是HTML3.0的新语法。
作者 (AU)
<AU>与</AU>并不是表示一般的AU档案，这一个标签是说假如在读者的文章中。有提到某些作者的话，那麽就可以一个标签将作者给标记住。这也是
HTML 3.0非凡为作者所设计的一个标签喔。
个人
(PERSON)在很多的索引程式中，程式有时候会将一些资讯页给展示出来，而在展示这些资讯页的时候。假如有提到一些个人的名字。那麽就可以利用
<PERSON> 与 </PERSON>来将这些名字给标记住。这一个语法也是 HTML 3.0 中新加入的语法。
数个单字组成的单字 (ACRONYM)
在英文中，有一些单字是由好几个单字组合而成。假如读者碰到这种单字，读者可以考虑利用<ACRONYM>与
</ACRONYM>标签将它们给非凡的括住。虽然这是 HTML3.0中新的语法。但是对使用中文的我们来说，这样的一个语法并没有太大帮助。
缩写 (ABBREV)与ACRONYM一样，在英文中也有许多缩写字HTML 3.0
也非凡为这些缩写字取了一个新的标签，这一个新的标签叫做 <ABBREV>当然它也有一个结束的符号叫做</ABBREV>。
插入 (INS)在HTML文件中，假如在原本旧有的文件中插入某个字，那麽读者可以考虑使用<INS> 与
</INS>来将这一些字给标记住。这样可以方便读者在查阅的时候知道这一份文件是不是有修正过。当然，这种语法也是 HTML 3.0
中新加入的语法。
删除 (DEL)这一个语法是要来告诉读者将要删除某些字，或是一些关於删除的部分。这种，新的标签也是HTML3.0中出现的喔。

3、与显示方式有关的TAG元素
--------------------------------------------------------------------------
粗体 
斜体 
画底线 (有些浏览器无此功能)
删除线 <STRIKE></STRIKE> (有些浏览器无此功能)
删除线 <S></S> (有些浏览器无此功能)
下标字 
上标字 
打字机体 <TT></TT> (空白字元与其他文元之宽度相同的字体)
依据预定格式 <PRE></PRE> (保持文字间的相对位置)
预定格式的宽度 <PRE WIDTH=?></PRE> (以字元计)
对中 <CENTER></CENTER> (文字与图形都会对中)
闪烁 <BLINK></BLINK>
字体大小 (由 1到 7)
改变字体大小 
基本字体大小 <BASEFONT SIZE=?> (默认值为 3)
字体颜色 
指定字形 
多栏位 <MULTICOL COLS=?></MULTICOL>
栏位内文与边缘间隔 <MULTICOL GUTTER=?></MULTICOL> (默认值为10象素)
栏位宽度 <MULTICOL WIDTH=?></MULTICOL>
留白 <SPACER>
留白型态 <SPACER TYPE=horizontal| vertical|block>
留白大小 <SPACER SIZE=?>
留白尺寸 <SPACER WIDTH=? HEIGHT=?>
留白位置 <SPACER ALIGN=left|right|center>

4、超文本连结与图形元素
--------------------------------------------------------------------------
连结指定URL <A HREF="URL"></A>
连结到锚点 <A HREF="URL#***"></A> (锚点在另一份文件)
<A HREF="#***"></A> (锚点在同一文件)
连结到指定之FRAME <A HREF="URL"
TARGET="***|_blank|_self|_parent|_top"></A>
设定「锚点」 <A NAME="***"></A>
正向关连 <A REL="***"></A> (有些浏览器无此功能)
反向关连 <A REV="***"></A> (有些浏览器无此功能)
显示图形 <IMG SRC="URL">
图形位置 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
图形位置 <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
替代图形文字 <IMG SRC="URL" ALT="***"> (假如无法显示图形而显示的文字)
可点选图形 <IMG SRC="URL" ISMAP> (需要与.map文件配合)
客户端端可点选图形 <IMG SRC="URL" USEMAP="URL">
点选图名称 <MAP NAME="***"></MAP>
指定可点选区域<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
图形尺寸 <IMG SRC="URL" WIDTH=? HEIGHT=?> (以象素为单位)描述图形显示的宽度和高度。
边线大小 <IMG SRC="URL" BORDER=?> (以象素为单位) 图形外的框线宽度。
四面留白 <IMG SRC="URL" HSPACE=? VSPACE=?> (以象素为单位)
vspace,hspace描述图形和文字的垂直和水平间隔。
低解析度图形 <IMG SRC="URL" LOWSRC="URL"> 用户端定时更新 <META
HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
Plug-in 物件 <EMBED SRC="URL"> (把Plug-in物件加入文件)
物件大小 <EMBED SRC="URL" WIDTH=? HEIGHT=?>

5、划分段落TAG元素
--------------------------------------------------------------------------
段落 (结束标记通常可省略)
指定文字对齐方式
强迫断行 
指定断行後起点 
横线 <HR>
横线位置 <HR ALIGN=LEFT|RIGHT|CENTER>
横线厚度（向下）<HR SIZE=?> (以象素为单位)
横线长度（向右）<HR WIDTH=?> (以象素为单位)
横线比率宽度 <HR WIDTH="%"> (相对页宽的百分比)
实线 <HR NOSHADE> (无凹凸立体效果)
不可断行 
可断行处 (视需要，可在此断行)

6、列表元素<list>
--------------------------------------------------------------------------
无序列举 <UL><LI></UL>
简洁化 <UL COMPACT></UL>
标头符号类型<UL TYPE=DISC|CIRCLE|SQUARE> (用于所有列举项)
<LI TYPE=DISC|CIRCLE|SQUARE> (本项及其後项)
有序列举 <OL><LI></OL>
简洁化 <OL COMPACT></OL>
数字型态 <OL TYPE=A|a|I|i|1> (用於所有列举项)
<LI TYPE=A|a|I|i|1> (本项及其後项)
起始数字 <OL START=?> (用於所有列举项)
<LI VALUE=?> (本项及其後项)
定义式列举 <DL><DT><DD></DL> (<DT>=定义项目, <DD>=定义内容)
简洁化 <DL COMPACT></DL>
菜单式列举 <MENU><LI></MENU> (<LI> 放在每一列举项之前)
简洁化 <MENU COMPACT></MENU>
目录式列举 <DIR><LI></DIR> (<LI> 放在每一列举项之前)
简洁化 <DIR COMPACT></DIR>

7、背景与颜色TAG元素
--------------------------------------------------------------------------
背景图案 <BODY BACKGROUND="URL">
背景颜色 <BODY BGCOLOR="#$$$$$$">
文字颜色 <BODY TEXT="#$$$$$$">
未连接过点颜色 <BODY LINK="#$$$$$$">
连结过点的颜色 <BODY VLINK="#$$$$$$">
正连结点的颜色 <BODY ALINK="#$$$$$$">

8、非凡字符替换 (下列替代用标记需用小写)
--------------------------------------------------------------------------
非凡字符 &#?; ( ? 为 ISO 8859-1 码)
< <
> >
& &
" "
Registered TM ?
Copyright ?
Non-Breaking Space

9、数学方程式 <math></math>
--------------------------------------------------------------------------
例一、
<math>
H(s)=∫0∞
esth(t)dt
</math>
例二、
<math>
C<box>dVout
<over>dt</box>=Ib
&tanh;(<box>κ(Vin
-Vout)<over>2</box>
</math> CdVoutdt=Ib &tanh;(κ(Vin-Vout)2
例三、
<math>
(<array align="C"><item>
&ldet;<array align="cc">
<item>x11
<item>x12
<item>x21
<item>x22
<array><rd>&rdet;
<item>y<item>z
</array>)</math> ,
从这三个例子中可以看到：
我们用&int表示“积分符号”，表示下标，上标；
<box>用以表示将要把后面的项目视作一个群体；<over>表除号。 <array>来处理矩阵的符号，<array
align=C|L|R>表项目中的位置中、左、右。项目以<item>加在数据的前面来表示。&Ldet表示行列式的左边，&Rdet表行列式右边。

（回车换行） 
（空格符）
&（AND符号） &
<（左尖括号、小于号） <
>（右尖括号、大于号） >
°（度） °
?（间隔符） ?
′ ′
" "
“ “
” ”
‰ ‰
← ←
↑ ↑
→ →
↓ ↓
? ?
√ √
∝ ∝
∞ ∞
∠ ∠
∧ ∧
∨ ∨
∩ ∩
∪ ∪
? ?
∫ ∫
∴ ∴
≈ ≈
￥（RMB）￥
≠ ≠
≡ ≡
≤ ≤
≥ ≥
⊕ ⊕
λ λ
μ μ
ν ν
ξ ξ
ν ν
ξ ξ
∏ ∏
∑ ∑
￥￥
… …
1（一次方符号） 1
2（平方符号） 2
3（立方符号） 3
（上标情形） nr
（下标情形） Ci
加粗 加粗
斜体 斜体
下划线 下划线
±（加减符号） ±
×（乘法符号） ×
÷（除法符号） ÷
?（版权所有） ?
?（注册商标） ?
?（商标符号） ?
—（破折号） —