HTML教程:收集的常用的HTML标签(6)                
                
                    所属分类:
                        网页制作 / HTML/Xhtml                    
                    阅读数:
                        2069
                    
                        收藏 0赞 0分享
                    
                 
                
                    
    
        
            这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍,如:B标记,FONT标记,都是不符合XHTML规范的。
        
    
相关文章:初学者接触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> 
±(加减符号) ± 
×(乘法符号) × 
÷(除法符号) ÷ 
?(版权所有) © 
?(注册商标) ® 
?(商标符号) ™ 
—(破折号) —                                    
             
            
                
                html中dom元素滚动条滚动控制小结详解
这篇文章主要介绍了html中dom元素滚动条滚动控制小结,文中通过实例代码给大家介绍了使用方法,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
                    
                    收藏 0赞 0分享
HTML使用栅格布局实现六种筛子样式的代码详解
这篇文章主要介绍了HTML使用栅格布局实现六种筛子的样式,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
                    
                    收藏 0赞 0分享
HTML页面自适应宽度的table(表格)
这篇文章主要介绍了HTML页面自适应宽度的table(表格),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
                    
                    收藏 0赞 0分享
HTML n种方式实现隔行变色的示例代码
这篇文章主要介绍了HTML n种方式实现隔行变色的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
                    
                    收藏 0赞 0分享
Table自适应以及溢出的一些设置详解
这篇文章主要介绍了Table自适应以及溢出的一些设置详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
                    
                    收藏 0赞 0分享
HTML如何对齐多个表单中的文本框的实现
这篇文章主要介绍了HTML如何对齐多个表单中的文本框的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
                    
                    收藏 0赞 0分享
html中车牌号省份简称输入键盘的示例代码
这篇文章主要介绍了html中车牌号省份简称输入键盘的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
                    
                    收藏 0赞 0分享
                 查看更多