简体文章：探索标签分割的多样样式
一、引言
随着互联网和数字科技的飞速发展，标签分割作为信息管理的重要方式，越来越广泛应用于各种场景。
从社交媒体到电商网站，从内容管理到数据分析，标签分割的样式多种多样，为我们的日常生活和工作带来了极大的便利。
本文将小哥探讨标签分割的样式及其特点，让我们一起了解这个充满魅力的领域。
二、标签分割概述
标签分割是一种信息组织和管理的方式，通过对数据、内容或对象进行归类和标识，以便更好地进行检索、分析和应用。
在数字时代，标签分割广泛应用于社交媒体、电商网站、内容管理、数据分析等领域。
通过标签分割，我们可以更高效地管理海量信息，提高信息的使用价值和效率。
三、标签分割的多样样式
标签分割的样式丰富多彩，根据实际应用场景和需求，可以分为以下几种主要类型：
1. 文本标签
文本标签是最常见的标签形式，广泛应用于社交媒体、博客、论坛等场景。
文本标签具有简洁明了、易于理解的特点，可以快速对内容进行归类和标识。
例如，微博话题标签、博客分类标签等。
2. 图像标签
图像标签通过图片的形式进行标识和归类，具有直观、形象的特点。
在电商网站、图片分享平台等场景，图像标签广泛应用于产品分类、图片搜索等。
通过图像识别技术，可以自动为图片添加标签，提高信息检索的准确性和效率。
3. 语音标签
语音标签通过语音识别技术实现，主要应用于语音助手、智能客服等场景。
语音标签具有自然、便捷的特点，用户可以通过语音输入进行信息归类和标识。
例如，智能音箱可以通过识别用户的语音命令，自动添加标签并进行相应的操作。
4. 视频标签
视频标签是对视频内容进行归类和标识的一种形式，广泛应用于视频分享平台、在线教育等场景。
通过视频标签，可以快速找到相关主题的视频内容，提高信息检索的效率和准确性。
5. 层级标签
层级标签是一种具有层级关系的标签形式，通过不同层级的标签来细分和归类内容。
在内容管理、项目管理等场景，层级标签可以清晰地展示信息之间的关联关系，方便用户快速找到所需信息。
6. 矩阵标签
矩阵标签是一种多维度的标签形式，通过多个标签的组合来标识和归类内容。
在数据分析、市场调研等场景，矩阵标签可以全面、准确地描述数据的特征和关系，为决策提供支持。
四、各种样式的优缺点及适用场景
1. 文本标签：简洁明了，易于理解和使用，适用于社交媒体、博客等场景。但文本标签的表达方式相对单一，缺乏形象性。
2. 图像标签：直观形象，适用于电商网站、图片分享平台等场景。但图像识别技术存在一定的误差，需要不断提高识别准确率。
3. 语音标签：自然便捷，适用于语音助手、智能客服等场景。但语音识别技术受环境噪音等因素影响，识别效果可能不稳定。
4. 视频标签：能够直观地展示内容，适用于视频分享平台、在线教育等场景。但视频标签的生成需要人工或自动分析视频内容，具有一定的复杂性。
5. 层级标签：能够清晰地展示信息之间的关联关系，适用于内容管理、项目管理等场景。但层级过深可能导致用户迷失，需要合理设计标签层级。
6. 矩阵标签：能够全面、准确地描述数据的特征和关系，适用于数据分析、市场调研等场景。但矩阵标签的设计和使用相对复杂，需要一定的专业技能。
五、结论
标签分割的样式多种多样，包括文本标签、图像标签、语音标签、视频标签等。
在实际应用中，应根据场景和需求选择合适的标签形式，以提高信息管理的效率和准确性。
随着科技的不断发展，未来还将出现更多创新的标签分割样式和应用场景我们应关注并研究新的技术和趋势拓展标签分割的应用领域和边界为提高信息管理效率和用户体验做出更大的贡献。
dreamweaver基础代码是什么意思
不知道你说的是不是这个。
一、<html>、<head>、<body>：定义和用法：构成Html文档的重要组成部分，缺一不可。
1、<html> 标签:此元素可告知浏览器其自身是一个 HTML 文档。
<html> 与 </html> 标签限定了文档的开始点和结束点。
2、<body>标签:定义文档的主体。
它包含文档的所有内容（比如文本、图像、颜色和图形等等。
）3、<head> 标签:用于定义文档的头部。
下面这些标签可用在 head 部分：<link>, <meta>, <script>, <style>, 以及 <title>。
二、<link>, <meta>, <script>, <style>,<title>：1、<link>标签：此元素定义了当前文档与 Web 集合中其他文档的关系。
如：<link href= type=text/css />2、<meta> 标签：<meta> 元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。
如：<meta content=这里放置关键字 /><meta content=这里放置对关键字的描述 />3、<script> 标签：定义一段诸如 JavaScript 的脚本。
如：<script type=text/javascript>alert(感谢您光临我的个人小站!)</script>4、<style> 标签：常用在页面内定义CSS样式，但强烈建议使用 link 标签定义CSS样式。
如：<style type=text/css>*{font-size:13px;}</style>5、<title>标签：定义文档的标题。
通常把它放置在浏览器窗口的标题栏或状态栏上。
三、<a>超链接标签：·定义和用法：<a> 标签可定义锚。
一个锚有两种用法。
1、通过使用 href 属性，创建一个到另外一个文档的链接。
如：<a href=target=_blank>网络</a>2、通过使用 name 或 id 属性，创建一个文档内部的书签。
如：定义锚点<a></a>；指向锚点<a href=#a1>返回顶端</a>·<a>标签常用属性：1、href:描述另一个文档的地址。
2、target:指定文档在哪个窗口打开。
3、title:指定链接的标题。
4、name:定义锚点的名称。
四、<h1>– <h6> 标签：<h1> – <h6> 标签可定义标题。
<h1> 定义最大的标题。
<h6> 定义最小的标题。
如：<h1>这是标题一</h1><h2>这是标题二</h2><h3>这是标题三</h3><h4>这是标题四</h4><h5>这是标题五</h5><h6>这是标题六</h6>五、<p>标签：可定义一个段落。
如：<p>这是第一段的内容。
</p><p>这是第二段的内容。
</p>六、<br> 标签：可插入一个简单的换行符。
如：这是第一行。
<br />这是第二行。
七、<img> 标签：可定义一副图像。
即在网页指定位置插入图片。
如：<img src=images/ />八、<hr> 标签：可插入一个水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
<hr size=1 noshade=noshade />如：<hr align=center size=1 />九、<table>、<tr>、<td>、<caption>、<th>标签：1、<table> 标签可定义表格。
在 <table> 标签内部，可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。
2、<tr> 标签在表格中定义一行。
3、<td> 标签定义表格中的一个单元格。
<td>标签属性：colspan=合并列单元格；rowspan=合并行。
5、<th> 标签定义表格内的表头单元格。
此 th 元素内部的文本通常会呈现为粗体。
6、<caption> 标签可定义一个表格标题。
caption 标签必须紧随 table 标签之后。
您只能对每个表格定义一个标题。
通常这个标题会被居中于表格之上。
十、<form>标签:form 元素可为用户输入创建表单。
表单可包含文本域，复选框，单选按钮等等。
表单用于向指定的 URL 传递用户数据。
·使用方法：<form method=post action=></form>·<form>标签属性：1、id、name：用来标识表单的名称。
2、method：提供和程序进行数据交换的方法。
取值为post和get。
3、action：提供和程序进行交换的程序路径，即接口程序。
十一、<input> 标签：<input> 标签可定义输入域，在其中用户可输入数据。
其中包括文本字段、多选列表、可单击的图像和提交按钮等。
此标签的type 属性和 name 属性是必需的。
1、type的取值。
type属性用来区分不同的输入域。
它的取值分别为：text(文本域)、password（密码域 ）、hidden（隐藏域）、checkbox(复选框)、radio（单选框）、image(图像按钮）、file(文件域)、 submit（提交按钮）、reset（重置按钮）、button（普通按钮）。
十二、<select>标签:1、用法：<select>元素可创建单选或多选菜单。
2、格式：<select> <option>张三</option> <option>李四</option> <option selected=selected>王五</option></select>3、<option>元素可定义下拉列表中的一个选项（一个条目）。
格式：<option selected=selected>张三</option>，其中selected属性表示默认选项。
十三、<textarea> 标签：1、用法：定义一个文本区域 (一个多行的文本输入区域）。
2、格式：<textarea cols=30 rows=6>请在此处输入留言内容</textarea>3、属性：I、cols：设置输入框的列数。
II、rows：设置输入框的行数。
十四、<i>、<b>、<u>、<s> 标签：以下的元素均是字体样式元素。
建议使用CSS来取代这些效果。
<u> 标签可定义下划线文本。
<s> 标签可定义加删除线文本定义。
<i> 标签可定义斜体。
<b> 标签可定义粗体。
十五、<sub>、<sup> 标签：1、<sup> 标签可定义上标文本。
2、<sub> 标签可定义下标文本。
3、说明：<sub>和<sup> 标签，常用在数学等式、科学符号和化学公式中。
十六、<dl>、<dt>、<dd>标签:1、<dl> 标签定义列表。
2、<dt> 定义列表中的项目（即术语部分）。
3、<dd> 可在定义列表中定义条目的定义部分。
十七、<ol>、<ul>、<li>标签：1、<ol> 标签定义有序列表。
<ol>标签属性：type=1/a/A/i/I。
2、<ul> 标签定义无序列表。
<ul>标签属性：type=circle/disc/square3、<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
十八、<div>标签：1、可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。
2、<div>常用 id 或 class 来标记，这样可以方便控制其样式。
十九、<span> 标签：1、<span> 标签被用来组合文档中的行内元素。
2、说明：span 没有固定的格式表现。
当对它应用样式时，它才会产生视觉上的变化。
二十、注释标签：1、说明：注释标签用来在源文档中插入注释。
注释会被浏览器忽略。
2、格式：二十一、<map> 、<area>标签：1、<map> 标签定义一个图像映射。
图像映射指带有可点击区域的一幅图像。
2、<area> 标签定义图像映射中的某个区域。
此元素永远被嵌套在 <map> 标签内部。
二十二、<fieldset>、<legend>、<label>标签1、<fieldset> 标签可将表单内的相关元素分组。
它将表单内容的一部分打包，生成一组相关表单的字段。
2、<legend> 标签可为 fieldset 定义一个标题。
3、<label>标签用来定义一个关联标记，将信息附属在表单控件上。
如：<fieldset><legend>用户登录</legend><form><label for=UserName>用户名: </label><input type=text /><label for=Password>密 码: </label><input type=password /></form></fieldset>二十三、<!DOCTYPE>定义文档类型：<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
此标签告知浏览器文档使用哪种 HTML 或 XHTML 规范。
二十四、<iframe> 标签：iframe 元素会创建一个包含另外一个文档的内联框架。
二十五、<pre> 标签：<pre>元素可定义预格式化的文本。
被包围在<pre>元素中的文本通常会保留空格和换行符。
二十六、<tbody>、<thead>、<tfoot>使用这些标签，可以将表格分为一个单独的部分，将表格中的一行或几行合成一组。
加快网页的下载速度。
列举出Dreamweaver中的所有标签
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＞ 3.查询用表单–＜isindex> 若欲设定查询栏位前的提示文字： ＜isindex prompt=提示文字＞ 4.预设的基准路径–＜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＞ rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（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 ＜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.特殊字元表示法 符 号 语 法 ＜ ＆lt ＞ ＆gt & ＆amp ＆quot 空白 ＆nbsp
图片 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＞ ＜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=/blog/URL＞ b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度 例：＜area shape=circle coords=85,155,30 href=/blog/URL＞ c.任意图形（多边形）：将图形之每一转折点座标依序填入 例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=/blog/URL＞ 表格 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=欲合并栏位数＞ 清单 一、目录式清单 ＜dir＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/dir＞ P.S.目录式清单每一个项目不能超过20个字元（即10个中文字） 二、选项式清单 ＜menu＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/menu＞ 三、有序号的清单 ＜ol＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/ol＞ 【1】序号形式 — type ＜ol type=#＞或＜li type=#＞ #号可为 A：表以大写英文字母AⅱBⅱCⅱD…做为项目编号 a：表以小写英文字母aⅱbⅱcⅱd…做为项目编号 I：表以大写罗马数字做为项目编号 i：表以小写罗马数字做为项目编号 1：表以阿拉伯数字做为项目编号（预设值） 【2】起始数字 — start ＜ol start=欲开始计数的序数＞ 【3】指定编号 — value ＜li value=欲指定的序数＞ 四、无序号的清单 ＜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》清单水平排列 ＜ul warp = horiz＞ 五、定义式清单 ＜dl＞ ＜dt＞项目1 ＜dd＞项目1说明 ＜dt＞项目2 ＜dd＞项目2说明 ＜dt＞项目3 ＜dd＞项目3说明 ＜/dl＞ 紧密排列 — compact ＜dl compact＞ P.S.如此可使＜dt＞的内容与＜dd＞的内容在同一行，仅 以数格空白相隔而不换行，但若＜dt＞的文字超过一 定的长度后，compact的作用就消失了！ 表单 一、基本架构 ＜form action=处理资料用的CGI程式之URL或mailto:电子信箱的URL method=get或post＞ ………. ………. ………. ＜/form＞ 二、输入文件型表单 ＜form action=URL method=post＞ ＜input＞ ＜input＞ ………. ………. ＜/form＞ 【1】栏位类型 — type ＜input type=#＞ #号可为 text：文字输入 password：密码 checkbox：多选钮 radio：单选钮 submit：接受按钮 reset：重设按钮 image：图形钮 hidden：隐藏栏位 【2】栏位名称 — name ＜input＞ P.S.若type为submitⅱreset则name不必设定 【3】文件上的预设值 — value ＜input value=预设之字串＞ 【4】设定栏位的宽度 — size ＜input size=字元数＞ 【5】限制最大输入字串的长度 — maxlength ＜input maxlength=字元数＞ 【6】预设checkbox或radio的初值 — checked ＜input type=checkbox checked＞ ＜input type=radio checked＞ 【7】指定图形的URL — src ＜input type=image src=图档名＞ 【8】图文对齐 — align ＜input type=image align=#＞ #号可为 top：文字对齐图片之顶端 middle：文字对齐图片之中间 buttom：文字对齐图片之底部 三、选择式表单 ＜form action=URL method=post＞ ＜select＞ ＜option＞ ＜option＞ ………. ………. ＜/select＞ ＜/form＞ A、＜select＞的属性 【1】栏位名称 — name ＜select＞ 【2】设定显示的选项数 — size ＜select size=个数＞ 【3】多重选项 — multiple ＜select multiple＞ B、＜option＞的属性 【1】定义选项的传回值 — value ＜option value=传回值＞ 【2】预先选取的选项 — selected ＜option selected＞ 四、多列输入文字区表单 ＜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：表输入的文字在超过栏宽时会自动换行 链接 一、连结至其他文件 ＜a href=/blog/URL＞说明文字或图片＜/a＞ 二、连结至文件内之某一处（外部连结） 《1》起点 ＜a href=档名#名称＞……….＜/a＞ 《2》终点 ＜a＞ 三、frame的超连结 【1】开启新的浏览器来显示连结文件 — _blank ＜a href=/blog/URL target=_blank＞ 【2】显示连结文件於目前的frame — _self ＜a href=/blog/URL target=_self＞ 【3】以上一层的分割视窗显示连结文件 — _parent ＜a href=/blog/URL target=_parent＞ 【4】以全视窗显示连结文件 — _top ＜a href=/blog/URL target=_top＞ 【5】以特定视窗显示连结文件 –＜a href=/blog/URL target=特定视窗名称＞ FRAME 一、分割视窗指令 ＜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=点数或百分比＞ 二ⅱ指定视窗内容 — ＜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＞
dreamweaver中常用到的标签及含义
table是表格,…是用于定义一个单元格的其它的看下面哦: 标签祥解 指令详解 结构 ＜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＞ 3.查询用表单–＜isindex>若欲设定查询栏位前的提示文字：＜isindex prompt=提示文字＞ 4.预设的基准路径–＜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＞ rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（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 ＜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.特殊字元表示法 符 号 语 法 ＜ ＆lt ＞ ＆gt & ＆amp ＆quot 空白 ＆nbsp 图片 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＞ ＜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,90,200,78 href=URL＞ 表格 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=欲合并栏位数＞ 清单 一、目录式清单 ＜dir＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/dir＞ P.S.目录式清单每一个项目不能超过20个字元（即10个中文字） 二、选项式清单 ＜menu＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/menu＞ 三、有序号的清单 ＜ol＞ ＜li＞项目1 ＜li＞项目2 ＜li＞项目3 ＜/ol＞ 【1】序号形式 — type ＜ol type=#＞或＜li type=#＞ #号可为 A：表以大写英文字母AⅱBⅱCⅱD…做为项目编号 a：表以小写英文字母aⅱbⅱcⅱd…做为项目编号 I：表以大写罗马数字做为项目编号 i：表以小写罗马数字做为项目编号 1：表以阿拉伯数字做为项目编号（预设值） 【2】起始数字 — start ＜ol start=欲开始计数的序数＞ 【3】指定编号 — value ＜li value=欲指定的序数＞ 四、无序号的清单 ＜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》清单水平排列 ＜ul warp = horiz＞ 五、定义式清单 ＜dl＞ ＜dt＞项目1 ＜dd＞项目1说明 ＜dt＞项目2 ＜dd＞项目2说明 ＜dt＞项目3 ＜dd＞项目3说明 ＜/dl＞ 紧密排列 — compact ＜dl compact＞ P.S.如此可使＜dt＞的内容与＜dd＞的内容在同一行，仅 以数格空白相隔而不换行，但若＜dt＞的文字超过一 定的长度后，compact的作用就消失了！ 表单 一、基本架构 ＜form action=处理资料用的CGI程式之URL或mailto:电子信箱的URL method=get或post＞ ………. ………. ………. ＜/form＞ 二、输入文件型表单 ＜form action=URL method=post＞ ＜input＞ ＜input＞ ………. ………. ＜/form＞ 【1】栏位类型 — type ＜input type=#＞ #号可为 text：文字输入 password：密码 checkbox：多选钮 radio：单选钮 submit：接受按钮 reset：重设按钮 image：图形钮 hidden：隐藏栏位 【2】栏位名称 — name ＜input＞ P.S.若type为submitⅱreset则name不必设定 【3】文件上的预设值 — value ＜input value=预设之字串＞ 【4】设定栏位的宽度 — size ＜input size=字元数＞ 【5】限制最大输入字串的长度 — maxlength ＜input maxlength=字元数＞ 【6】预设checkbox或radio的初值 — checked ＜input type=checkbox checked＞ ＜input type=radio checked＞ 【7】指定图形的URL — src ＜input type=image src=图档名＞ 【8】图文对齐 — align ＜input type=image align=#＞ #号可为 top：文字对齐图片之顶端 middle：文字对齐图片之中间 buttom：文字对齐图片之底部 三、选择式表单 ＜form action=URL method=post＞ ＜select＞ ＜option＞ ＜option＞ ………. ………. ＜/select＞ ＜/form＞ A、＜select＞的属性 【1】栏位名称 — name ＜select＞ 【2】设定显示的选项数 — size ＜select size=个数＞ 【3】多重选项 — multiple ＜select multiple＞ B、＜option＞的属性 【1】定义选项的传回值 — value ＜option value=传回值＞ 【2】预先选取的选项 — selected ＜option selected＞ 四、多列输入文字区表单 ＜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：表输入的文字在超过栏宽时会自动换行 链接 一、连结至其他文件 ＜a href=URL＞说明文字或图片＜/a＞ 二、连结至文件内之某一处（外部连结） 《1》起点 ＜a href=档名#名称＞……….＜/a＞ 《2》终点 ＜a＞ 三、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=特定视窗名称＞ FRAME 一、分割视窗指令 ＜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=点数或百分比＞ 二ⅱ指定视窗内容 — ＜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＞
