| HTML常用标签说明 |
|
|
<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本
<u></u> 下划线
<b></b> 黑体字
<i></i> 斜体字
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字
<SUB></SUB> 下标字
<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style ='font-size:100 px'>...</font>無限增大
◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆
<p></p> 创建一个段落
<p align=""> 将段落按左、中、右对齐
<br>换行 插入一个回车换行符
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
若在<ul></ul>之间则每个列表项加上一个圆点
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行
<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)
<center></center> 水平居中
◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆
<a href="URL"></a> 创建超文本链接
<a href="mailtEMAIL">
</a> 创建自动发送电子邮件的链接
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系
◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆
◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top
◆rel="..."发送链接的类型
◆rev="..."保存链接的类型
◆accesskey="..."指定该元素的热键
◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly
◆coord="..."使用像素或者长度百分比来定义形状的尺寸
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆
<table></table> 创建一个表格
<tr></tr> 表格中的每一行
<td></td> 表格中一行中的每一个格子
<th></th> 设置表格头:通常是黑体居中文字
<table cellspacing=""> 设置表格格子之间空间的大小
<table border=""> 设置边框的宽度
<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小
<table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比
<table align=""> 设置表格格子的水平对齐方式(left,center,right,justify)
<tr align=""> 设置表格格子的水平对齐方式(left,center,right,justify)
<tr valign=""> 设置表格格子的垂直对齐方式(baseline,bottom,middle,top)
<td colspan=""> 设置一个表格格子跨占的列数(缺省值为1)
<td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1)
<td nowrap> 禁止表格格子内的内容自动断行
<CAPTION></CAPTION> 表格的标题
<COLGROUP></COLGROUP> 定义多个列为一组列
<TABLE></TABLE> 创建一个表格
<THEAD></THEAD> 定义表格的页眉
<COL> 定义一个列组中的列，以便对它们能够同时设置有关属性
<TBODY></TBODY> 定义一个表格的实体
<TFOOT></TFOOT> 定义一个表格的页脚
|
16.分隔线 ＜hr＞
【1】分隔线的粗细 ＜hr size=点数＞
【2】分隔线的宽度 ＜hr size=点数或百分比＞
【3】分隔线对齐方向 ＜hr align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
【4】分隔线的颜色 ＜hr color=#rrggbb＞
【5】实心分隔线 ＜hr noshade＞
17.向中对齐 ＜center＞..........＜/center＞
18.依原始样式显示 ＜pre＞..........＜/pre＞
19.＜body＞指令的属性
【1】背景颜色 -- bgcolor ＜body bgcolor=#rrggbb＞
【2】背景图案 -- background ＜body background="图形文件名"＞
【3】设定背景图案不会卷动 -- bgproperties ＜body bgproperties=fixed＞
【4】文件内容文字的颜色 -- text ＜body text=#rrggbb＞
【5】超连结文字颜色 -- link ＜body link=#rrggbb＞
【6】正被选取的超连结文字颜色 -- vlink ＜body vlink=#rrggbb＞
【7】已连结过的超连结文字颜色 -- alink ＜body alink=#rrggbb＞
20.注解 ＜!--..........--＞21.特殊字元表示法
符 号 语 法
＜ ＆ｌｔ
＞ ＆ｇｔ
& ＆ａｍｐ
" ＆ｑｕｏｔ
空白 ＆ｎｂｓｐ
图片
1.插入图片 ＜img src="图形文件名"＞
2.设定图框 -- border ＜img src="图形文件名" border=点数＞
3.设定图形大小 -- widthⅱheight ＜img src="图形文件名" width=宽度点数 height=高度点数＞
4.设定图形上下左右留空 -- vspaceⅱhspace ＜img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数＞
5.图形附注 ＜img src="图形文件名" alt="说明文字"＞
6.预载图片
＜img src="高解析度图形文件名" lowsrc="低解析度图形文件名"＞ P.S.两个图的图形大小最好一致
7.影像地图（Image Map） ＜img src="图形文件名" usemap="#图的名称"＞ ＜map name="图的名称"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞ ＜/map＞
【1】定义形状 -- shape
shape=rect：矩形 shape=circle：圆形 shape=poly：多边形
【2】定义区域 -- coords
a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标
例：＜area shape=rect coords=100,50,200,75 href="URL"＞
b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度
例：＜area shape=circle coords=85,155,30 href="URL"＞
c.任意图形（多边形）：将图形之每一转折点座标依序填入
例：＜area shape=poly coords=232,70,285,70,300,90,250,
