下载文档原格式
html标签大全HTML标签大全。
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。
在HTML中，标签是用来定义网页结构和内容的。
本文将介绍一些常用的HTML 标签，以及它们的用法和示例。
1. 文本标签。
`<h1>`~`<h6>`，定义标题，数字表示标题的级别，从大到小依次递减。
`<p>`，定义段落。
`<strong>`，定义加粗文本。
`<em>`，定义斜体文本。
`<u>`，定义下划线文本。
`<br>`，定义换行。
2. 链接标签。
`<a>`，定义超链接，href属性指定链接的地址。
`<img>`，定义图像，src属性指定图片的地址。
3. 列表标签。
`<ul>`，定义无序列表。
`<ol>`，定义有序列表。
`<li>`，定义列表项。
4. 表格标签。
`<table>`，定义表格。
`<tr>`，定义表格行。
`<td>`，定义表格数据单元格。
5. 表单标签。
`<form>`，定义表单，action属性指定表单提交的地址。
`<input>`，定义输入框，type属性指定输入框的类型（文本框、密码框、复选框等）。
`<select>`，定义下拉框。
`<textarea>`，定义多行文本输入框。
`<button>`，定义按钮。
6. 多媒体标签。
`<audio>`，定义音频播放器。
`<video>`，定义视频播放器。
`<iframe>`，定义内联框架，用于嵌入其他网页。
7. 其他标签。
`<div>`，定义文档中的块级元素。
`<span>`，定义文档中的行内元素。
`<meta>`，定义网页的元数据，如字符集、关键词等。
简述html的常用标签及其作用HTML（Hypertext Markup Language）是用于创建网页的标准标记语言，它使用标签来定义网页的结构和内容。
以下是HTML中一些常用的标签及其作用：1. `<html>`：定义HTML文档的根元素。
2. `<head>`：定义文档的头部内容，包括页面的标题、字符编码等。
3. `<title>`：定义文档的标题，显示在浏览器的标题栏或标签上。
4. `<body>`：定义文档的主体部分。
5. `<h1>` - `<h6>`：定义标题，根据重要性和级别递减。
6. `<p>`：定义段落。
7. `<a>`：定义超链接，用于链接到其他页面或文档。
8. `<img>`：定义图像，用于在网页中显示图片。
9. `<ul>`：定义无序列表。
10. `<ol>`：定义有序列表。
11. `<li>`：定义列表项。
12. `<div>`：定义文档中的分割或部分。
用于组织网页布局。
13. `<span>`：定义文本的行内元素容器，用于设置特定部分的样式。
14. `<table>`：定义表格。
15. `<tr>`：定义表格的行。
16. `<td>`：定义表格的单元格。
17. `<form>`：定义表单，用于收集用户输入的数据。
18. `<input>`：定义表单中的输入字段。
19. `<textarea>`：定义表单中的多行文本输入字段。
20. `<button>`：定义按钮。
21. `<select>`：定义下拉列表。
22. `<option>`：定义下拉列表中的选项。
23. `<label>`：定义表单元素的标签。
HTML标记总结<html> //文件开始标记<head> //文件的头部开始标记<title> HTML总体结构</title>//头部</head> //头部结束标记<body> //文件的主体开始标记hello!</body> //主体结束标记</html>//文件结束标记编写时的注意事项（1）元素的标记都要用尖括号< >括起来，成对使用的标记的结束标记是在开始标记之前加一反斜杠，如<html>与</html>。
（2）代码不分大小写，如<boDY>与<BODy>都是正确的，但是所有符号如< > 、“”都必须是英文输入法。
（3）标记<!--……-->表示其中的内容是注释语句，在浏览器中不会显示出来。
4、页面的头部标记和主体标记（1）页面的头部标记<head>HTML文档的头部内容</head>一般来说位于头部的内容都不会在网页上显示，而是通过别的方式体现。
常用的头部标记有以下几个：<base>当前文档的URL全称（基底网址）<basefont> 设定基准的文字字体，字号和颜色<title> 设定显示在浏览器左上方的标题内容<isindex> 表示该文档是一个可用于检索的网关脚本，由服务器自动建立。
<meta> 是有关文档本身的元信息，如用于查询的关键词，用于获取该文档的有效期等。
<style>设定CSS层叠样式表的内容<link> 设定外部文件的链接<script>设定页面中程序脚本的内容（1）<title>标题标记<title>W eb页面的标题</title>在HTML 里<title>和</title>是位于html文档头部的，即<head>和</head>之间。
一、html基础知识二、html结构<html><head><title>网络0801</title></head><body></body></html>基本标记.<p></p> 段落<br> 换行三、head内的标记1、title 标题标记功能：标题控制使用：设置标题格式：<title>标题内容</title>实例：添加一个标题2、base 基底网址标记功能：文档的基本网址，其他为与其相对的网址使用：插入栏/html/文件头/基础格式：<base href="" target="父(_P)" />实例：设置后，在文章中添加一个相对路径和绝对路径4、media 原信息标记功能：提高被搜索引擎搜索到的可能性使用：插入栏/html/文件头/meta【name-搜索引擎http-equiv-设置浏览器检查信息，控制网页精确显示】格式：<meta name="author" content="宋赟中" />（作者）<meta name="keywords" content="网络，计算机学校" />（关键字）<meta name="description" content="忙忙忙忙忙忙忙忙忙忙" />（说明）<meta name="build" content="建设时间"/><meta name="reply-to" content="联系人邮箱"/><meta name="copyright" content="版权说明"/><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />（字符集）<meta name=<meta http-equiv="refresh" content="22" />（刷新）<meta http-equiv="windows-target" content="_top" />（强制独立窗口打开）<meta http-equiv="pragma" content="No-cach />（页面不允许缓存）实例：设置后，会提高搜索引擎的命中率四、body标记1、bgcolor 背景色2、background 背景图像3、text 文字颜色4、bgproperties 背景滚动方式fixed 代表固定5、link 默认链接颜色6、alink 鼠标点击时的颜色7、vlink 点击后的颜色8、topmargin 页面上边距9、leftmargin 页面左边距五、注释语句1、 <comment></ comment >2、<!-- -->3、<plaintext> 将原代码显示在浏览器中4、<ruby> ssssssssssss<rt>ddddd</rt></ruby> rt的注释内容出现在ruby上方5、、/* */ css注释六、文本标记1、<h数字></h数字> 标题字标记包含对齐（align）属性2、<strong> </strong> 加粗标记3、<em></em>倾斜4、<s></s> 删除线5、<u></u> 下划线6、< sup ></ sup > 上标7、< sub ></ sub > 下标8、< big ></ big > 大字号7、< small ></ small > 小字号8、<font face="字体" size="字号" color="颜色"> </font> 文字标记9、<p></p> 段落标记具备align属性10、<pre> </pre> 预格式化（使得代码与页面的显示一致）11、<center></center> 居中12、<hr align="对齐" width="宽" size="高" noshade="阴影" color/> 水平线13、<kbd> </kbd> 在浏览器中（如标签后）显示的信息14、<address> </address>在文档中显示作者的信息15、<tt> </tt> 打字字体16、<ul> 项目列表<li type="circle">fdfsdfs</li> 空心圆<li type="disc">fsfsfs </li> 圆<li type="square">kjkjhkhj</li> 方</ul>17、<ol type="1" start="2"> 编号列表，type代表显示什么，start代表从那开始<li>fdfsdfs</li><li>fsfsfs </li></ol></body>18、<dl> 定义列表（产生类似文字说明的效果）<dt>fdfsdfs</dt> 内容<dd>fsfsfs </dd> 说明<dt>kjkjhkhj</dt><dd>hfhfhfhfh</dd></dl>19、<ol> 列表嵌套（选中内容，缩进）<li>dadasd</li><li>adsasdsa<ol><li>dasda</li><li>sdaad</li></ol></li></ol>七、图片标记1、<img src="banner资料.jpg" alt="aaa" width="100" height="200" hspace="2" vspace="1" border="2" align="middle" lowsrc="../images/cpfl_04.gif" longdesc="" />Src 图片文件的路径alt 说明文字width 宽度height 高度hspace 水平边距vspace 垂直边距border 边框宽度align 文字环绕lowsrc 低解析度源文件2、<br clear="left" />代码加到对应前边可以取消环绕3、<img src="../images/未标题-1_03.gif" usemap="#Map" /> 应用区域<map name="Map" id="Map"> 使用热点<area shape="circle" coords="81,54,16" href="#" /> 定义热点区</map>Cords 区域边界href 链接shape（热点类型）circle圆rect 矩形poly 多边形主要用于电子地图和导航条八、链接1、<a href="" target="_parent" name="链接名" title="链接提示文字">fhgfhf</a> href 链接target 打开方式name 连接名title 链接提示文本链接（）2、<a name="mm" id="mm"></a> 锚点链接3、<a href="maileto:**********?subject=意见&cc=***********&bcc=**********">hkhjk</a>Subject 标题cc 抄送bcc 秘抄送九、表格1、基本标记<table width="56%" height="56" border="1" align="center" cellpadding="2" cellspacing="3" bordercolor="#FF00FF" background="file:///C|/Documents and Settings/Administrator/桌面/html/banner资料.jpg" bgcolor="#00FFFF" summary="这是内部资料" > 表格标记<caption align="top"> 标题中华网</caption><tr align="center" valign="middle" bordercolordark="#9900FF" bordercolorlight="#FF0000" > 行标记<th width="50%" height="25"> </th> 单元格表头<td width="50%" nowrap="nowrap" bordercolor="#00FFFF" background="html/banner资料.jpg" bgcolor="#FF00FF" > </td> 单元格标记width 宽height 高nowrap 不换行</tr><tr><td height="26"> </td><td> </td></tr></table><table width="56%" height="84" border="1" cellpadding="2" cellspacing="3" summary="这是中华网的内部资料"> 表格标记<caption align="top"> 说明中华网</caption><tr> 行标记<th width="36%" height="22">dsds</th> 标题单元格标记<td colspan="2">dsddsd</td> 单元格标记（跨列合并）</tr><tr><td height="22">ds</td> height高<td width="19%">sd</td> width 宽<td width="45%" rowspan="2">dsddsd</td> 单元格标记（跨行合并）</tr><tr><td height="22">ds</td><td>sd</td></tr></table>Width 表格宽度border 边宽cellspacing 间距cellpadding 填充bordercolor 边框颜色background 背景图片bgcolor 背景色bordercolorlight 表格左上单元格右下bordercolordark 表格右下单元格左上frame 外部边框显示样式above（上）below（下）border（全显示）hisdes（上下）lhs（左）rhs（右）void（不显示）vsides（左右）rules 内部边框显示样式all（所有）cols（行）groups（行列间）none（不显示）rows（列）十、表单1、<form action="" method="get">具体表单</form> 表单标记2、<label>aa 标签/单行文本<input name="textfield" type="text" value="" size="2" maxlength="4" /> 文本</label><textarea name="textfield2" cols="2" rows="4" wrap="virtual">mmmmmmmmmm</textarea><input name="textfield3" type="password" value="123" size="2" maxlength="3" />Input（单行）：size 字符个数maxlength 最大长度value 初始值type ：text（单行文本）password（密码文本）file（文件域）radio（单选）checkbox（多选）submit（按钮）image（图像域）hidden（隐藏域）button（无）reset（重设）submit（提交）当选组：其实就是把多个当选按钮放在一个表单内标签：<label></label>对表单内容的说明3、textarea（多行）：cols 个数rows 行数wrap 超过处理多行文本4、<select name="menu1" size="1" multiple="multiple" 菜单名size(列表）multiple(允许多选) onchange="MM_jumpMenu('parent',this,0)"> 如果出现代表跳转<option value="">1</option> 菜单项目value如果是跳转代表超链<option selected="selected">2</option> selected（已选中）<option>3</option></select>跳转和列表的区别：都是菜单，不同的是跳转多了一个超级链接的功能十一、框架1、<frameset rows="400,200" cols="*" framespacing="2" frameborder="yes" border="2" bordercolor="#9900FF"> 框架集<frame src="UntitledFrame-2.html" name="topFrame" frameborder="yes" scrolling="No" noresize="NORESIZE" marginwidth="2" marginheight="2" bordercolor="#FF00FF" id="topFrame" /> 框架<frame src="UntitledFrame-3.html" name="bottomFrame" frameborder="no" scrolling="yes" noresize="noresize" id="bottomFrame" />Frameset：rows（第一行框架的高度，第二行的高度）framespacing 边框高度frameborder 是否有边框border 边框大小bordercolor 边框色Frame：src（文件）scrolling（滚动方式）noresize（不能调整大小）marginwidth （边界宽度）marginheight（边界高度）2、<iframe src="file:///C|/Documents and Settings/Administrator/桌面/Untitled-1.html" width="200" height="200" name="22" align="left" frameborder="1" scrolling="yes" marginheight="2" marginwidth="2"></iframe>Src 原文件width 宽height 高name 名称align 对齐frameborder 边框是否显示scrolling 滚动方式marginheight 边缘宽度marginwidth 边缘高度在做框架时，如果想在框架中显示输入target十二、层<div id="Layer1"></div><style type="text/css"><!--#Layer1 {position:absolute（绝对）/fixed/inherit/relative（相对与其他元素）/static; 定位left:153px; 左坐标top:41px; 顶坐标width:90px; 宽height:82px; 高z-index:1; 层数background-image:url(file:///C|/Documents%20and%20Settings/Administrator/%E6%A1%8C%E9%9D%A2/html/ba nner%E8%B5%84%E6%96%99.jpg); 背景图片background-color: #FF00FF; 背景色overflow: scroll; 溢出处理}--></style>十二、CSS（一次套用，多次使用；语法简单；丰富效果）1、定义（外部）.bb（选择符）{ 类font-size（属性）: larger（值）; 声明font-weight: lighter;}Body，h1,h2 { 标签声明内容}#aa { ID声明内容}a:link { 伪标签组声明内容}2、使用（外部）1、附加：<link href="文件路径el="stylesheet" type="text/css" /> 标签类自动生效2、使用：<p class="bb"> hfhfh </p> 类3、套用：<p id="aa">fhfhfhf</p> ID3、定义（内部）<style type="text/css">定义内容</style>或标签中直接使用style属性多个；隔开4、使用（内部）同上如果出现多个定义相同属性，用，隔开5、值时间：1m=1000ms长度：px（像素），pt（点1/72英寸），cm，mm，in（英寸），%颜色：#rrggbb，#rgb，rgb（a，a，a）rgb（a%，a%，a%）url：url（“域名”）6、类型font-family: "宋体"; 字体------类型font-size: 36px; 字号font-style: oblique; 字类型line-height: 20px; 行高font-weight: bolder; 字宽font-variant: normal; 变体text-transform: capitalize; 文本样式color: #000000; 颜色text-decoration: underline overline line-through blink; 大写样式background-attachment: scroll; 附件--------背景background-color: #FF00FF; 背景色background-image: url(html/banner%E8%B5%84%E6%96%99.jpg); 背景文件background-repeat: repeat; 水平位置background-position: left bottom; 垂直位置letter-spacing: 20em; 字母间距------区块text-align: center; 文本对齐text-indent: 2px; 文字缩进vertical-align: baseline; 垂直对齐word-spacing: 10em; 单词间距white-space: nowrap; 空格display: table-row-group; 显示border: 10px 10 10; --------方框margin: 10px; 边界padding: 10px; 填充clear: both; 清楚float: right; 浮动height: 100px; 高width: 100px; 宽border: 20px solid #FF0000 边框（宽度/样式/颜色）-边框list-style-position: outside; 位置----------列表list-style-image: url(html/banner%E8%B5%84%E6%96%99.jpg); 图片list-style-type: square; 类型overflow: scroll; 溢出处理--------定位position: absolute; 类型visibility: visible; 显示z-index: auto; 层数height: 20px; 高width: 20px; 宽left: 10px;top: 10px;right: 10px;bottom: 10px;clip: rect(10px,10px,10px,10px); 裁剪十三、Javascript1、行为原理：先定义一个Javascript函数，在具体对象上应用A、定义<script type="text/JavaScript"> 使用脚本，类型为Javascriptfunction MM_popupMsg(msg) { //v1.0 定义函数，函数名为MM_popupMsg(msg) alert(msg);}</script><a href="#"><img src="html/banner资料.jpg" onclick="MM_popupMsg('本图片禁止下载！')" /></a> 使用函数，时间=“函数名（参数）”。
简述html的常用标签及作用HTML（超文本标记语言）是一种用于创建网页结构的标记语言。
它使用标签来描述网页中的元素，这些标签告诉浏览器如何显示和解释网页的内容。
下面简述一些常用的HTML标签及其作用：1. `<html>`标签：定义HTML文档的根元素。
2. `<head>`标签：定义文档的头部，包含一些关于文档的元数据，如标题、样式表和脚本等。
3. `<title>`标签：定义网页的标题，显示在浏览器的标题栏或标签栏上。
4. `<body>`标签：定义文档的主体部分，包含所有可见的内容，如文本、图像和链接等。
5. `<h1>`到`<h6>`标签：定义标题，分为六个级别，分别表示不同的标题大小和重要性。
6. `<p>`标签：定义段落，用于包裹一段文本。
7. `<a>`标签：定义超链接，用于创建链接到其他文档、页面或位置的链接。
8. `<img>`标签：定义图像，用于在网页中插入图片。
9. `<ul>`和`<li>`标签：分别定义无序列表和列表项，用于显示项目的清单。
10. `<ol>`和`<li>`标签：分别定义有序列表和列表项，列表项会按照顺序编号。
11. `<table>`、`<tr>`和`<td>`标签：分别定义表格、表格行和表格数据，用于创建表格结构。
12. `<div>`和`<span>`标签：分别定义块级元素和内联元素，用于组织和布局网页的内容。
13. `<form>`、`<input>`和`<button>`标签：分别定义表单、输入字段和按钮，用于创建用户交互的表单。
14. `<br>`标签：定义换行符，用于在文本中插入换行。
一、HTML标记注释：红色字体为标记和其必不可少的属性；绿色字体为标记中的属性，可任意选取所需要的属性；天蓝色字体为自由填充的属性值；黑色字体为补充内容及对标识和描述内容的注解1、HTML标记语法：<标记名称属性1名=属性1值属性2名=属性2值…>标记在表示HTML文档内容结构和含义的时候，通常有两种方式，我们分别称单标记和双标记。
表1：2、<BODY>的属性BGCOLOR="颜色" (设置背景颜色)BACKGROUND="图片名" (设置背景图片)BGPROPERTIES="FIXED" (设置背景图片固定不变)TEXT="颜色" (设置文本颜色)LINK="颜色" (默认链接)VLINK="颜色" (当鼠标按下时的链接)ALINK="链接按钮" (当鼠标松开后的链接)TOPMARGIN=距离(文本距顶部的距离)LEFTMARGIN=距离(文本距左边的距离)3、设置播放器，必须在BODY的双标记中存在设置背景音乐：<BGSOUND SRC="地址"(歌名或视频名) LOOP=“循环次数”>插入视频音频文件：（FLASH等）<EMBED SRC="地址"(歌名或视频名)WIDTH=宽度HEIGHT=高度(调整播放器的宽度和高度)HIDDEN="TRUE"(隐藏播放器) LOOP=”循环次数”>4、如何使网页在网站的排名靠前，其必须在HEAD中存在<META NAME="K EYWORD"CONTENT="描述网站内容">(用于标记搜索引擎在搜索该页面时所取出的关键词)<META NAME="DESCRIPTION" COUNT="描述网页内容" >（用来标记描述内容）<META NAME="AUTHOR" CONTENT="作者名称" >（用来标记文档的作者）<META HTTP-EQUIV="CONTENT-TYPE" CONTENT= "TEXT/HTML;CHARSET =GB2312">（用来标记你的页面的解码方式）<META HTTP-EQUIV="REFRESH" CONTENT="5;URL= Http:// .com">(用来自动刷新网页)5、标题字体表2：6、文章字体表3：7、物理字体表4：8、字符实体在往HTML文档中写入特殊字符，如“〈”、“〉”、“&”、“ ”等要使用特殊的代码，浏览器会用HTML命令对这些特殊代码进行翻译。
常见的html标签及含义HTML（Hypertext Markup Language）是用于构建网页结构的标记语言。
以下是一些常见的HTML标签及其含义：1.<!DOCTYPE html>：o定义HTML文档类型，通常位于文档的开头。
2.<html>：o HTML文档的根元素，包含整个文档的内容。
3.<head>：o包含文档的元信息，如标题、字符集设置、引用的样式表等。
4.<title>：o定义文档的标题，显示在浏览器的标题栏或标签页上。
5.<body>：o包含文档的主要内容，如文本、图像、链接等。
6.<h1> to <h6>：o定义标题，<h1>是最高级别，<h6>是最低级别。
7.<p>：o定义段落。
8.<a>：o定义超链接，用于创建从一个页面到另一个页面的链接。
9.<img>：o插入图像，用于显示网页上的图片。
10.<ul> 和<ol>：o<ul>定义无序列表，<ol>定义有序列表。
11.<li>：o定义列表项，用于在无序列表或有序列表中创建单个项目。
12.<div>：o定义文档中的块级元素，通常用于组织和布局页面的结构。
13.<span>：o定义文档中的内联元素，通常用于对文本的样式和行内元素进行分组。
14.<table>：o定义表格，包含表头、表体和表尾。
15.<tr>：o定义表格中的行。
16.<td>：o定义表格中的数据单元格。
17.<th>：o定义表格中的表头单元格。
18.<form>：o定义表单，用于用户输入和交互。
19.<input>：o定义输入字段，如文本框、复选框、单选按钮等。
20.<textarea>：o定义多行文本输入字段。
《HTML常用标记》一、HTML文档结构＜html＞//网页解析开始＜head＞//网页头部定义开始＜title＞标题＜title＞//定义标题显示于浏览器的标题栏内＜/head＞//网页头部定义结束＜body＞//网页主体定义开始网页主体内容＜/body＞//网页主体定义结束＜/html＞//网页解析结束以下是具体标记说明。
1.文件标题＜title＞..........＜/title＞2.文件更新--＜meta＞【1】10秒后自动更新一次＜meta http-equiv="refresh"content=10＞【2】10秒后自动连结到另一文件＜meta http-equiv="refresh"content="10；URL=欲连结文件之URL"＞二、文字标记预设的基准路径--＜base>＜base href="放置文件的主机之URL"＞版面1.标题文字＜h#＞..........＜/h#＞#=1~6；h1为最大字，h6为最小字2.字体变化＜font＞..........＜/font＞【1】字体大小＜font size=#＞..........＜/font＞#=1~7；数字愈大字也愈大【2】指定字型＜font face="字型名称"＞..........＜/font＞【3】文字颜色＜font color=#rrggbb＞..........＜/font＞取值为十六进制数r：表红色（red）色码 g：表绿色（green）色码 b：表蓝色（blue）色码3.显示小字体＜small＞..........＜/small＞4.显示大字体＜big＞..........＜/big＞5.粗体字＜b＞..........＜/b＞6.斜体字＜i＞..........＜/i＞7.打字机字体＜tt＞..........＜/tt＞8.底线＜u＞..........＜/u＞9.删除线＜strike＞..........＜/strike＞10.下标字＜sub＞..........＜/sub＞11.上标字＜sup>..........＜/sup＞12.文字闪烁效果＜blink＞..........＜/blink＞13.换行＜br＞14.分段＜p＞15.文字的对齐方向＜p align="#"＞#号可为left：表向左对齐（预设值）center：表向中对齐right：表向右对齐P.S.＜p align="#"＞之後的文字都会以所设的对齐方式显示，直到出现另一个＜p align="#"＞改变其对齐方向，或遇到＜hr＞或＜h#＞标签时会自动设回预设的向左对齐。
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＜bodybgcolor=#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、有序号的清单＜ol＞＜li＞项目1＜li＞项目2＜li＞项目3＜/ol＞【1】序号形式--type＜oltype=#＞或＜litype=#＞#号可为A：表以大写英文字母A、B、C、D...做为项目编号a：表以小写英文字母a、b、c、d...做为项目编号I：表以大写罗马数字做为项目编号i：表以小写罗马数字做为项目编号1：表以阿拉伯数字做为项目编号（预设值）【2】起始数字--start＜ol start=欲开始计数的序数＞【3】指定编号--value＜li value=欲指定的序数＞2、无序号的清单＜ul＞＜li＞项目1＜li＞项目2＜li＞项目3＜/ul＞【1】项目符号形式--type＜ul type=#＞或＜li type=#＞#号可为disc：实心圆点（预设值）circle：空心圆点square：实心方块【2】原始清单--plain＜ul plain＞【3】清单排列方式--warp《1》清单垂直排列＜ul warp=vert＞《2》清单水平排列＜ulwarp=horiz＞3、目录式列表＜dir＞＜li＞项目1＜li＞项目2＜li＞项目3＜/dir＞P.S.目录式清单每一个项目不能超过20个字元（即10个中文字）4、菜单式列表＜menu＞＜li＞项目1＜li＞项目2＜li＞项目3＜/menu＞5、定义式列表＜dl＞＜dt＞项目1＜dd＞项目1说明＜dt＞项目2＜dd＞项目2说明＜dt＞项目3＜dd＞项目3说明＜/dl＞紧密排列--compact＜dlcompact＞P.S.如此可使＜dt＞的内容与＜dd＞的内容在同一行，仅以数格空白相隔而不换行，但若＜dt＞的文字超过一定的长度后，compact的作用就消失了！四、超链接1、连结至其他文件＜a href="/URL"＞说明文字或图片＜/a＞2、连结至文件内之某一处（外部连结）《1》起点＜a href="档名#名称"＞..........＜/a＞《2》终点＜a name="名称"＞3、frame框架的超链接【1】开启新的浏览器来显示连结文件--_blank＜a href="/URL" target=_blank＞【2】显示连结文件於目前的frame--_self＜a href="/URL" target=_self＞【3】以上一层的分割视窗显示连结文件--_parent＜a href="/URL" target=_parent＞【4】以全视窗显示连结文件--_top＜a href="/URL" target=_top＞【5】以特定视窗显示连结文件--＜a href="/URL" target="特定视窗名称"＞五、表格相关属性1.定义表格＜table＞..........＜/table＞【1】设定边框的厚度--border＜table border=点数＞【2】设定格线的宽度--cellspacing＜table cellspacing=点数＞【3】设定资料与格线的距离--cellpadding＜table cellpadding=点数＞【4】调整表格宽度--width＜table width=点数或百分比＞【5】调整表格高度--height＜table height=点数或百分比＞【6】设定表格背景色彩--bgcolor＜table bgcolor=#rrggbb＞【7】设定表格边框色彩--bordercolor＜table bordercolor=#rrggbb＞2.显示格线＜table border＞3.表格标题＜caption＞..........＜/caption＞表格标题位置--align＜caption align="#"＞#号可为top：表标题置于表格上方（预设值）bottom：表标题置于表格下方4.定义列＜tr＞5.定义栏位《1》＜td＞：靠左对齐《2》＜th＞：靠中对齐、粗体【1】水平位置--align＜th align="#"＞#号可为left：向左对齐 center：向中对齐right：向右对齐【2】垂直位置--align＜th align="#"＞#号可为top：向上对齐middle：向中对齐bottom：向下对齐【3】栏位宽度--width＜th width=点数或百分比＞【4】栏位垂直合并--rowspan＜th rowspan=欲合并栏位数＞【5】栏位横向合并--colspan＜th colspan=欲合并栏位数＞六、表单表单相关属性1、基本架构＜form action="处理资料用的CGI程式之URL" method="get或post"＞........＜/form＞2、输入文件型表单＜form action="URL"method="post"＞＜input＞＜input＞..........＜/form＞【1】栏位类型--type＜input type=#＞#号可为text：文字输入password：密码checkbox：多选钮radio：单选钮submit：接受按钮reset：重设按钮image：图形钮hidden：隐藏栏位【2】栏位名称--name＜input name="资料栏名"＞P.S.若type为submit、reset则name不必设定【3】文件上的预设值--value＜input value="预设之字串"＞【4】设定栏位的宽度--size＜input size=字元数＞【5】限制最大输入字串的长度--maxlength＜input maxlength=字元数＞【6】预设checkbox或radio的初值--checked＜input type=checkboxchecked＞＜inputtype=radiochecked＞【7】指定图形的URL--src＜input type=image src="图档名"＞【8】图文对齐--align＜input type=image align="#"＞#号可为top：文字对齐图片之顶端middle：文字对齐图片之中间buttom：文字对齐图片之底部3、选择式表单＜form action="URL"method="post"＞＜select＞＜option＞＜option ＞....................＜/select＞＜/form＞A、＜select＞的属性【1】栏位名称--name＜select name="资料栏位名"＞【2】设定显示的选项数--size＜select size=个数＞【3】多重选项--multiple＜select multiple＞B、＜option＞的属性【1】定义选项的传回值--value＜option value="传回值"＞【2】预先选取的选项--selected＜option selected＞4、多列输入文字区表单＜form action="URL"method="post"＞＜textarea＞....................＜/textarea＞＜/form＞【1】文字区的变数名称--name＜textarea name=变数名称＞【2】设定文字输入区宽度--cols＜textarea cols=字元数＞【3】设定文字输入区高度--rows＜textarea rows=列数＞【4】输入区设定预设字串＜textarea＞预设文字＜/textarea＞【5】自动换行与否--wrap＜textarea wrap=#＞#号可为off：表输入的文字超过栏宽时，不会自动换行（预设值）virtual：表输入的文字在超过栏宽时会自动换行七、图片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.（地图链接）影像地图（ImageMap）＜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=rect：矩形shape=circle：圆形shape=poly：多边形【2】定义区域coordsa.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标例：＜area shape=rectcoords=100,50,200,75 href="/URL"＞b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度例：＜area shape=circlecoords=85,155,30 href="/URL"＞c.任意图形（多边形）：将图形之每一转折点座标依序填入例：＜area shape=polycoords=232,70,285,70,300,90,250,90,200,78 href="/URL"＞8、<bgsound src=MID音乐文件地址> 背景音乐设定八、框架属性1、分割视窗标签＜frameset＞..........＜/frameset＞【1】垂直（上下）分割--rows＜frameset rows=#＞#号可为点数：如欲分割为100,200,300三个视窗，则＜frameset rows=100,200,300＞；亦可以*号代表，如＜frameset rows=*,500,*＞百分比：如＜frameset rows=30%,70%＞，各项总和最好为100%【2】水平（左右）分割--cols＜frameset cols=点数或百分比＞2、指定视窗内容--＜frame＞＜frameset cols=30%,70%＞＜frame＞＜frame＞＜/frameset＞【1】指定视窗的文件名称--src＜frame src=HTML档名＞【2】定义视窗的名称--name＜frame name=视窗名称＞【3】设定文件与上下边框的距离--marginheight＜frame marginheight=点数＞【4】设定文件与左右边框的距离--marginwidth＜frame marginwidth=点数＞【5】设定分割视窗卷轴--scrolling＜frame scrolling=#＞#号可为yes：固定出现卷轴no：不出现卷轴auto：自动判断文件大小需不需要卷轴（预设值）【6】锁住分割视窗的大小--noresize＜frame noresize＞<noframe> </noframe> 不支持框架显示。
