网页设计HTML标签.docx

网页设计HTML标签.docx

《网页设计HTML标签.docx》由会员分享，可在线阅读，更多相关《网页设计HTML标签.docx（25页珍藏版）》请在冰豆网上搜索。

网页设计HTML标签

网页设计·HTML标签

文件主题

文件类型

HTML文档结构：

文头

文体

HTML文档正文

HTML（HyperTextMarkupLanguage，即超文本标记语言），用HTML编写的超文本文档称为HTML文档。

它是由一系列的标记及属性组成，能独立于各种操作系统平台。

HTML标签：

HTML标签用来组成HTML元素，其两端有两个包括字符：

“<”，“>”（即角括号）。

HTML标签分为单标记和双标记。

单标记语法为：

<标记[属性]/>（“[]”的内容据情况而定）。

双标记语法为：

<标记[属性]>显示内容

HTML标签属性

描述HTML标签的性质,每一个属性可以由我们网页编制者赋一定的值。

标签属性出现在元素的<>内，并且和标签名之间有一个空格分隔；属性值用“”引起来。

doctypehtmlpublic"-//ietf//dtdhtml//en">：

档案型态声明。

doctypehtmlpublic"-//v3o//dtdv3html//en">：

档案型态声明。

：

指示可搜寻的索引项。

：

提示（要求输入的提示文字）。

***">…：

送出搜寻条件（注：

其中的问号不表示数字，是问号）。

//网页开始。

//头文件开始。

head标签

标签出现在文头的开头部分。

与之间的内容不会在浏览器的文档窗口显示。

//设定基准的文字字体、字号各颜色。

（字号大小从1到7，缺省为3）。

：

基本视窗名称（必须放在文头区段内）。

：

相关性（必须放在文头区段内）。

//表明该文档是一个可用于检索的网关脚本，由服务器自动建立。

。

之间的内容将显示在浏览器窗口的标题栏。

允许包含样式表（css）信息。

标签是单标签，用来描述一个html网页文档的属性，下面可以插入很多很有用的标签属性。

如：

作者、日期和时间、网页描述、关键词、页面刷新等（必须放在文头区段内）。

name变量：

//用来标记文档的作者。

//用来标记文档的作者。

//网页描述。

//用来标记搜索引擎在搜索你的页面时所取出的关键词。

//

//copyright（版权）

//generator（编辑器）

//revisit-after（重访）

//网站建站时间

//reply-to（联系人邮箱）

http-equiv：

（网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新等）

//用来标记页面的解码方式。

//用于自动刷新网页。

//刷新并跳转网页。

21：

57GMT">//Expires（期限）说明，指定网页在缓存中的过期时间，一但网页过期，必须到服务器上重新调阅，content必须是GMT的时间格式，直接输入数字表示多少后时间过期。

//禁止浏览器从本地机的缓存中调阅页面内容，使浏览者无法脱机浏览。

pragma（cach模式）。

//Windows-target（显示窗口设定），用来防止别人在框架里面调用你的页面，content选项有：

_blank（空白）_top（顶部）_self（自身）_parent（父）。

duration：

滤镜持续时间；transtion：

滤镜类型，表示使用哪种特效，取值0-23,具体如下：

0：

矩形减小

1：

矩形扩大

2：

圆形缩小

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”.

…>

//头文件结束。

//主体开始。

标签

标签表明是HTML文档的主体部分。

在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。

标签

标签表明是HTML文档的主体部分，即页面的实际内容。

在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。

属性：

如

具体如下：

bgcolor="颜色代码”//设定页面背景颜色（可用相应的英文单词表示，也可用#加两位一组的三组十六进制数表示，每组依序表示为红、绿、蓝）

background="图片url地址”//设定页面背景图片可以使用的图片格式为.gif、.jpg等。

bgproperties="空格/fixed”//空为默认值；fixed设定页面背景图片为固定，即背景图片成水印效果，图片不随滚动条的滚动而滚动。

text="颜色代码”//设定页面文字颜色，text属性定义的颜色将应用于整篇文档。

link="颜色代码”//设定页面默认的链接颜色，即普通超链接颜色。

vlink="颜色代码”//访问过的超链接颜色。

alink="颜色代码”//鼠标下在单击时的链接颜色，即当前活动的超链接颜色。

leftmargin="数值”//设定网页主体内容距离网页左端的距离。

（单位为像素）

topmargin="数值”//设定网页主体内容距离网页顶端的距离。

（单位为像素）

例：

颜色

颜色名和RGB值

黑色

Black=”#000000”

银色

Silver=”#c0c0c0”

红色

Red=”#ff0000”

蓝色

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段落的标签，也用于格式化表。

作为文字分区时保证各分区内容的排版方式独立。

…