网页设计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)。
:
基本视窗名称(必须放在文头区段内)。
:
相关性(必须放在文头区段内)。
//表明该文档是一个可用于检索的网关脚本,由服务器自动建立。
。
标签定义HTML文档的标题。与之间的内容将显示在浏览器窗口的标题栏。允许包含样式表(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段落的标签,也用于格式化表。
作为文字分区时保证各分区内容的排版方式独立。
…