2023年6月20日发(作者：)
网页设计·HTML标签
网页设计·HTML标签
HTML文档结构：
文件主题
文头
设定在浏览器左上方的标题内容
文体
HTML 文档正文
HTML(Hyper Text Markup Language，即超文本标记语言)，用HTML编写的超文本文档称为HTML文档。它是由一系列的标记及属性组成，能独立于各种操作系统平台。
HTML标签：
HTML标签用来组成HTML元素，其两端有两个包括字符：“<”，“>”(即角括号)。
HTML标签分为单标记和双标记。
单标记语法为：<标记 [属性] />（“[]”的内容据情况而定）。
双标记语法为：<标记 [属性]>显示内容
文件类型
HTML标签属性
描述HTML标签的性质,每一个属性可以由我们网页编制者赋一定的值。标签属性出现在元素的< >内，并且和标签名之间有一个空格分隔；属性值用“”引起来。
：档案型态声明。
：档案型态声明。
：指示可搜寻的索引项。
：提示（要求输入的提示文字）。
…：送出搜寻条件（注：其中的问号 不 表示数字，是问号）。
//网页开始。
//头文件开始。
head标签
标签出现在文头的开头部分。与之间的内容不会在浏览器的文档窗口显示。
第1页 共17页 网页设计·HTML标签
//设定基准的文字字体、字号各颜色。（字号大小从1到7，缺省为3）。
：基本视窗名称（必须放在文头区段内）。
：相关性（必须放在文头区段内）。
//表明该文档是一个可用于检索的网关脚本，由服务器自动建立。。
</p><p><title>标签定义HTML文档的标题。<title>与之间的内容将显示在浏览器窗口的标题栏。允许包含样式表（css）信息。
标签是单标签，用来描述一个html网页文档的属性，下面可以插入很多很有用的标签属性。如：作者、日期和时间、网页描述、关键词、页面刷新等（必须放在文头区段内）。
name变量：
//用来标记文档的作者。
//用来标记文档的作者。
//网页描述。
//用来标记搜索引擎在搜索你的页面时所取出的关键词。
//
//copyright（版权）
//generator（编辑器）
//revisit-after（重访）
//网站建站时间
// reply-to（联系人邮箱）
http-equiv：(网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新等)
//用来标记页面的解码方式。
//用于自动刷新网页。
//刷新并跳转网页。
//Expires(期限)说明，指定网页在缓存中的过期时间，一但网页过期，必须到服务器上重新调阅，content必须是GMT的时间格式，直接输入数字表示多少后时间过期。
//禁止浏览器从本地机的缓存中调阅页面内容，使浏览者无法脱机浏览。pragma（cach 模式）。
第2页 共17页
网页设计·HTML标签
//Windows-target(显示窗口设定)，用来防止别人在框架里面调用你的页面，content选项有：_blank(空白) _top（顶部） _self（自身） _parent（父）。
duration：滤镜持续时间；transtion：滤镜类型，表示使用哪种特效，取值0-23,具体如下：
0：矩形减小
1：矩形扩大
2：圆形缩小
3：圆形扩大
4：向上擦除
5：向下擦除
6：向左擦除
7：向右擦除
8：垂直百叶窗
//设定css层叠样式的内容。
9：水平百叶窗
10：横向棋盘式
11：纵向棋盘式
12：溶解
13：左右向中部收缩
14：中部向左右展开
15：上下向中部收缩
16：中部向上下展开
17：阶梯状向左下展开
18：阶梯状向左上展开
19：阶梯状向右下展开
20：阶梯状向右上展开
21：随机水平线
22：随机垂直线
23：以上随机选择 //设定外部文件的连接。
其属性有：href，指定需要加载的资源的地址URL；rel，指定链接类型；type，包含内容的类型，若要链接CSS文件则使用type=”text/CSS”.
//头文件结束。
//主体开始。
标签
标签表明是HTML文档的主体部分。在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。
标签
标签表明是HTML文档的主体部分，即页面的实际内容。在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。
属性：
如
leftmargin="0">
具体如下：
第3页 共17页 网页设计·HTML标签
bgcolor="颜色代码” //设定页面背景颜色（可用相应的英文单词表示，也可用#加两位一组的三组十六进制数表示，每组依序表示为红、绿、蓝）
background="图片url地址” //设定页面背景图片可以使用的图片格式为.gif、.jpg等。
bgproperties="空格/fixed” //空为默认值；fixed设定页面背景图片为固定，即背景图片成水印效果，图片不随滚动条的滚动而滚动。
text="颜色代码” //设定页面文字颜色，text属性定义的颜色将应用于整篇文档。
link="颜色代码” //设定页面默认的链接颜色，即普通超链接颜色。
vlink="颜色代码” //访问过的超链接颜色。
alink="颜色代码” //鼠标下在单击时的链接颜色，即当前活动的超链接颜色。
leftmargin="数值” //设定网页主体内容距离网页左端的距离。（单位为像素）
topmargin="数值” //设定网页主体内容距离网页顶端的距离。（单位为像素）
例：
link=“blue” vlink=“yellow” alink=“black”>
扩展：HTML对颜色的控制
HTML使用16进制(数码有：
0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f) 的RGB颜色值对颜色进行控制。
标签
Color：字体颜色
Face：字型（字体）
Size：字体大小
例：size="+6">第二章
… //改变字体大小。
颜色
黑色
银色
红色
蓝色
白色
黄色
绿色
海蓝色
颜色名和RGB值
Black=”#000000”
Silver=”#c0c0c0”
Red=”#ff0000”
Blue=”#0000ff”
White=”#ffffff”
Yellow=”ffff00”
Green=”#00ff00”
Aqua=”#00ffff”
其它标签
（由浏览器控制的显示风格）
… ：文字标题字号,#=1, 2, 3, 4, 5, 6；字形大小 依次由大到小。
…
：区分/层标签,用于布局定位网页元素。排版大块html段落的标签，也用于格式化表。作为文字分区时保证各分区内容的排版方式独立。
…
：区分的对齐。
…
：引文区块（通常会内缩）。
…：强调（通常会以斜体显示）。
…：特别强调（通常会以加粗显示）。
第4页 共17页
网页设计·HTML标签
…：引文(通常会以斜体显示)。
…：编码(显示原代友码之用)。
…：样本。
…：键盘输入。
…：变数。
…：定义（在些浏览器提供）。
…：地址。
…：大字。
…：小字。
（与外观相关的标签***作者自定的表现方式）
：注释标签。
…：文本加粗。
…：文本倾斜
…：文本下划线
…：文本删除线
…：文本删除线
…
：段落标签；通常是两个return-回车换行符。
…
：段落（新定义成容器型标签），文字对齐方式。
：换行，插入一个return-回车换行符。
文字部分对齐方式（与图片合用时）。
：可换行处。如果需要，可在此断行。
…：不可换行。
：加入一条水平线。
：水平线对齐。
：设置水平线的粗细、宽度(可用%或绝对像素点pixels为单位)。
或为
：实线，没有立体效果，没有阴影的水平线。
：水平线属性。
…
：预先编排文字（预先格式化，即原样输出）。
…：上标。
…：下标。
…：打字机体（用单空格字显示）。
：闪耀（有史以来最被嘲弄的标签）。
…：将网页元素居中显示（图、文均可用)。
空格：
=========================================================================
第5页 共17页 网页设计·HTML标签
： 提示信息
变量标记/！
作者信息 