网页设计HTML标签.docx

1、网页设计HTML标签网页设计HTML标签文件主题文件类型HTML文档结构：文头 设定在浏览器左上方的标题内容文体 HTML 文档正文 HTML(Hyper Text Markup Language，即超文本标记语言)，用HTML编写的超文本文档称为HTML文档。它是由一系列的标记及属性组成，能独立于各种操作系统平台。HTML标签：HTML标签用来组成HTML元素，其两端有两个包括字符：“”(即角括号)。HTML标签分为单标记和双标记。单标记语法为：（“”的内容据情况而定）。双标记语法为：显示内容HTML标签属性描述HTML标签的性质,每一个属性可以由我们网页编制者赋一定的值。标签属性出现在元素

2、的内，并且和标签名之间有一个空格分隔；属性值用“”引起来。：档案型态声明。：档案型态声明。：指示可搜寻的索引项。：提示（要求输入的提示文字）。：送出搜寻条件（注：其中的问号 不 表示数字，是问号）。 /网页开始。 /头文件开始。head标签标签出现在文头的开头部分。与之间的内容不会在浏览器的文档窗口显示。 /设定基准的文字字体、字号各颜色。（字号大小从1到7，缺省为3）。：基本视窗名称（必须放在文头区段内）。：相关性（必须放在文头区段内）。 /表明该文档是一个可用于检索的网关脚本，由服务器自动建立。 标签定义HTML文档的标题。与之间的内容将显示在浏览器窗口的标题栏。允许包含样式表（css）信

3、息。标签是单标签，用来描述一个html网页文档的属性，下面可以插入很多很有用的标签属性。如：作者、日期和时间、网页描述、关键词、页面刷新等（必须放在文头区段内）。name变量： /用来标记文档的作者。 /用来标记文档的作者。 /网页描述。 /用来标记搜索引擎在搜索你的页面时所取出的关键词。 / /copyright（版权） /generator（编辑器） /revisit-after（重访） /网站建站时间 / reply-to（联系人邮箱）http-equiv：(网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新等) /用来标记页面的解码方式。 /用于自动刷新网页。 /刷新并跳转网

4、页。 /Expires(期限)说明，指定网页在缓存中的过期时间，一但网页过期，必须到服务器上重新调阅，content必须是GMT的时间格式，直接输入数字表示多少后时间过期。 /禁止浏览器从本地机的缓存中调阅页面内容，使浏览者无法脱机浏览。pragma（cach 模式）。 /Windows-target(显示窗口设定)，用来防止别人在框架里面调用你的页面，content选项有：_blank(空白) _top（顶部） _self（自身） _parent（父）。duration：滤镜持续时间；transtion：滤镜类型，表示使用哪种特效，取值0-23,具体如下：0：矩形减小1：矩形扩大2：圆形缩小

5、3：圆形扩大4：向上擦除5：向下擦除6：向左擦除7：向右擦除8：垂直百叶窗9：水平百叶窗10：横向棋盘式11：纵向棋盘式12：溶解13：左右向中部收缩14：中部向左右展开15：上下向中部收缩16：中部向上下展开17：阶梯状向左下展开18：阶梯状向左上展开19：阶梯状向右下展开20：阶梯状向右上展开21：随机水平线22：随机垂直线23：以上随机选择 /设定css层叠样式的内容。 /设定外部文件的连接。其属性有：href，指定需要加载的资源的地址URL；rel，指定链接类型；type，包含内容的类型，若要链接CSS文件则使用type=”text/CSS”. /头文件结束。 /主体开始。标签标签表明

6、是HTML文档的主体部分。在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。标签 标签表明是HTML文档的主体部分，即页面的实际内容。在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。属性：如 具体如下：bgcolor=颜色代码” /设定页面背景颜色（可用相应的英文单词表示，也可用#加两位一组的三组十六进制数表示，每组依序表示为红、绿、蓝）background=图片url地址” /设定页面背景图片可以使用的图片格式为.gif、.jpg等。bgproperties=空格/fixed” /空为默认值；fixed设定页面背景图片为固定，即背

7、景图片成水印效果，图片不随滚动条的滚动而滚动。text=颜色代码” /设定页面文字颜色，text属性定义的颜色将应用于整篇文档。link=颜色代码” /设定页面默认的链接颜色，即普通超链接颜色。vlink=颜色代码” /访问过的超链接颜色。alink=颜色代码” /鼠标下在单击时的链接颜色，即当前活动的超链接颜色。leftmargin=数值” /设定网页主体内容距离网页左端的距离。（单位为像素）topmargin=数值” /设定网页主体内容距离网页顶端的距离。（单位为像素）例：颜色颜色名和RGB值黑色Black=”#000000”银色Silver=”#c0c0c0”红色Red=”#ff0000

8、”蓝色Blue=”#0000ff”白色White=”#ffffff”黄色Yellow=”ffff00”绿色Green=”#00ff00”海蓝色Aqua=”#00ffff”扩展：HTML对颜色的控制HTML使用16进制(数码有： 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f) 的RGB颜色值对颜色进行控制。标签Color：字体颜色 Face：字型（字体）Size：字体大小例：第二章 /改变字体大小。其它标签（由浏览器控制的显示风格） ：文字标题字号,#=1, 2, 3, 4, 5, 6；字形大小 依次由大到小。：区分/层标签,用于布局定位网页元素。排版大块html段落的标签，也

9、用于格式化表。作为文字分区时保证各分区内容的排版方式独立。：区分的对齐。：引文区块（通常会内缩）。：强调（通常会以斜体显示）。：特别强调（通常会以加粗显示）。：引文(通常会以斜体显示)。：编码(显示原代友码之用)。：样本。：键盘输入。：变数。：定义（在些浏览器提供）。：地址。：大字。：小字。（与外观相关的标签*作者自定的表现方式）：注释标签。：文本加粗。：文本倾斜：文本下划线：文本删除线：文本删除线：段落标签；通常是两个return-回车换行符。：段落（新定义成容器型标签），文字对齐方式。：换行，插入一个return-回车换行符。文字部分对齐方式（与图片合用时）。：可换行处。如果需要，可在此断

10、行。：不可换行。：加入一条水平线。：水平线对齐。：设置水平线的粗细、宽度(可用%或绝对像素点pixels为单位)。或为：实线，没有立体效果，没有阴影的水平线。：水平线属性。：预先编排文字（预先格式化，即原样输出）。：上标。：下标。：打字机体（用单空格字显示）。：闪耀（有史以来最被嘲弄的标签）。：将网页元素居中显示（图、文均可用)。空格： =： 提示信息变量标记/！作者信息 文字闪烁标记 文字打字!/显示html代码 被标示的文字说明文字=列表：使特定的文本有序化。无序列表：由和元素定义的说明：无序列表的默认符号是圆点。标签有type属性，通过定义不同的type属性可以改变列表的项目符号

11、。目前，type属性的属性值有disc(实心圆)、circle（空心圆）、square（方块）有序列表：由和定义 说明：type属性，type属性的属性值有1、A、a、I、i等。Start属性,定义列表的起始编号。：创建一个标有数字的列表。：有次序式列举（放在每一项前）。ol type=1/i/I/a/A：数标型态（定义全部的列举项）。：起始数字（定义全部的列举项）。：放在每个数字列表项之前，并加上一个数字。：（定义这个及其后的列表项）。：（定义这个及其后的列表项）。-：定义式列举（项目,定义）。：表单式列举（放在每一项前）。：目录式列举（放在每一项前）。：一个用来排版大块html段落的标签，

12、也用于格式化表。超级链接：普通超级链接： 链接 /创建一个超链接。E-mail超级链接： 链接参数：cc/subject/body例：链接锚点(书签)： (前)链接 或用(后)链接 或用链接属性：target=_blank/_self/_parent/_top：设定锚点（目的），也可用，和上一条配合使用。：创建一个指向位于文档靶位的链接（如果锚点在目前的文档中）。：连接到目的视框。：连接到锚点(如果锚点在另外一个文档)。 标签属性：Src：所引用的图片的URL地址（绝对路径/相对路径）。Width：图片宽度。Height：图片高度。Alt：图片的替代文本。Border：图片的边框(属性值为象素

13、数)。Align：图片的对齐方式。Hspace：图片与左、右的文本之间的水平间距(属性值为象素数)。Vspace：图片与左、右的文本之间的垂直间距(属性值为象素数)。例：图片对齐方式。：取代图片文字（如果不能显示图片则显示此文字）。：图片大小（以pixels为单位）。：设置图片的边框的大小（以pixels为单位）。：图片边缘空间（以pixels为单位）。：低解析度图片。：点选图。或为：点选图（需要cgi程式）。：添加一张图片。：排列对齐一张图片。扩展：图象映射所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接；点击图片的不同位置会打开不同的超级链接目标。图象映射由定义。有一个基本属性是

14、name。Name给图象映射命名，这个命名将会被元素用usemap属性引用。所以，图象上的图象映射实际上是对定义的映射的一个引用。在定义图象映射时，可以定义三种形状的映射： circle(圆形)、rect(矩形rectangle)、poly(多边形)。：地图（描述地图）。例： 表格标签一个基本的表格代码：定义一个表格。每一个表格只有一对和，一张页面中可以有多个。定义表格的行，一个表格可以有多行，对于一个表格来说不是唯一的。定义表头，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗定义表格的一个单元格。每行可以有不同数量的单元格，在和之间是单元格的具体内容。注意：上述的三个元素必须、而

15、且只能够配对使用。缺少任何一个 元素，都无法定义出一个表格。标签属性：Width：表格宽度(可用%比率表式)。Height：表格高度。Border：表格边框。Bgcolor：表格背景颜色。Background：表格背景图片。Bodercolor：表格边框颜色。Bordercolorlight：亮边框的颜色。bordercolordark：暗边框的颜色。Align：表格对齐方式。Cellspacing：单元格间距。cellpadding单元格边距。标签属性：Width：单元格宽度。Height：单元格高度。Align：当前单元格里的内容（文本，图片等）的水平对齐方式。Valign：当前单元格里的

16、内容（文本、图片等）的垂直对齐方式。Colspan：当前单元格跨越列数。Rowspan：当前单元格跨越几行数。Nowrap：当前单元格内容是否换行.(值可为空或”nowrap”，默认为空，当值为 nowrap时为不换行)。Bgcolor：当前单元格背景颜色。Background：当前单元格背景图片。标签属性同Bodercolor：边框颜色。补充： 垂直对齐方式的属性值包括： top：顶端对齐；middle：居中对齐；bottom：底端对齐;Baseline：相对于基线对齐;：创建一个表格。：表格中的行。：表格中的列。：设置表头，一个通常使用黑体居中文字的格子。：表格框线（可以设定数值）。tr align=left/right/center valign=top/mid