相关文章：初学者接触html了解一些html标记(5)
这些所介绍的html标记不一定完全符合xhtml规范。各位在实际布局时应有所取舍，如：b标记，font标记，都是不符合xhtml规范的。
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>来将它们标记起来的话。那麽大部份的浏览器在读这些字的时候就会以另一种方式来表示它。这样的表示只是在提醒读者们这是引用其他人的部分。
强调 <em></em> (通常以斜体显示)
强烈强调 <strong></strong>(通常以黑体显示) 这一个特别加强语气的字元是strong这个与
em一样都是加强语气的用法而已。大部份的浏览器都用粗黑体来表示被<strong>与</strong>所标记的字。
引用语句 <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>
小字 <small></small>
语言 <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元素
--------------------------------------------------------------------------
粗体 <b></b>
斜体 <i></i>
画底线 <u></u> (有些浏览器无此功能)
删除线 <strike></strike> (有些浏览器无此功能)
删除线 <s></s> (有些浏览器无此功能)
下标字 <sub></sub>
上标字 <sup></sup>
打字机体 <tt></tt> (空白字元与其他文元之宽度相同的字体)
依据预定格式 <pre></pre> (保持文字间的相对位置)
预定格式的宽度 <pre width=?></pre> (以字元计)
对中 <center></center> (文字与图形都会对中)
闪烁 <blink></blink>
字体大小 <font size=?></font> (由 1到 7)
改变字体大小 <font size="+|-?"></font>
基本字体大小 <basefont size=?> (默认值为 3)
字体颜色 <font color="#$$$$$$"></font>
指定字形 <font face="***"></font>
多栏位 <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元素
--------------------------------------------------------------------------
段落 <p></p> (结束标记</p>通常可省略)
指定文字对齐方式<p align=left|center|right></p>
强迫断行 <br>
指定断行後起点 <br clear=left|right|all>
横线 <hr>
横线位置 <hr align=left|right|center>
横线厚度（向下）<hr size=?> (以象素为单位)
横线长度（向右）<hr width=?> (以象素为单位)
横线比率宽度 <hr width="%"> (相对页宽的百分比)
实线 <hr noshade> (无凹凸立体效果)
不可断行 <nobr></nobr>
可断行处 <wbr> (视需要，可在此断行)
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)=∫<sub>0</sub><sup>∞
</sup>e<sup>st</sup>h(t)dt
</math>
例二、
<math>
c<box>dv<sub>out</sub>
<over>dt</box>=i<sub>b</sub>
&tanh;(<box>κ(v<sub>in
</sub>-v<sub>out</sub>)<over>2</box>
</math> cdvoutdt=ib &tanh;(κ(vin-vout)2
例三、
<math>
(<array align="c"><item>
&ldet;<array align="cc">
<item>x<sub>11</sub>
<item>x<sub>12</sub>
<item>x<sub>21</sub>
<item>x<sub>22</sub>
<array><rd>&rdet;
<item>y<item>z
</array>)</math> ,
从这三个例子中可以看到：
我们用&int表示“积分符号”，<sub>表示下标，<sup>上标；
<box>用以表示将要把后面的项目视作一个群体；<over>表除号。 <array>来处理矩阵的符号，<array
align=c|l|r>表项目中的位置中、左、右。项目以<item>加在数据的前面来表示。&ldet表示行列式的左边，&rdet表行列式右边。
（回车换行） <br>
（空格符）
&（and符号） &
<（左尖括号、小于号） <
>（右尖括号、大于号） >
°（度） °
?（间隔符） •
′ ´
" "
“ “
” ”
‰ ‰
← ←
↑ ↑
→ →
↓ ↓
? ↔
√ √
∝ ∝
∞ ∞
∠ ∠
∧ ∧
∨ ∨
∩ ∩
∪ ∪
? ø
∫ ∫
∴ ∴
≈ ≈
￥（rmb） ¥
≠ ≠
≡ ≡
≤ ≤
≥ ≥
⊕ ⊕
λ λ
μ μ
ν ν
ξ ξ
ν ν
ξ ξ
∏ ∏
∑ ∑
￥ ¥
… …
1（一次方符号） ¹
2（平方符号） ²
3（立方符号） ³
（上标情形） n<sup>r</sup>
（下标情形） c<sub>i</sub>
加粗 <b>加粗</b>
斜体 <i>斜体</i>
下划线 <u>下划线</u>
±（加减符号） ±
×（乘法符号） ×
÷（除法符号） ÷
?（版权所有） ©
?（注册商标） ®
?（商标符号） ™
—（破折号） —
新闻热点
疑难解答
