第2章 HTML标记Word文件下载.docx
- 文档编号:22436414
- 上传时间:2023-02-04
- 格式:DOCX
- 页数:101
- 大小:1.02MB
第2章 HTML标记Word文件下载.docx
《第2章 HTML标记Word文件下载.docx》由会员分享,可在线阅读,更多相关《第2章 HTML标记Word文件下载.docx(101页珍藏版)》请在冰豆网上搜索。
标记的disabled属性),为其加上括号,记为:
(属性名);
(7)对于属性值类型,我们尽量以规范中的表示方法标注,以下表2-1便是对于属性值类型的一个列示,随后我们将对其中的部分类型进行更为详细的解释:
表2-1属性值类型及说明:
属性值类型
说明
Algin
属性值:
left|center|right。
用于描述对齐方式。
CDATA
为SGML中的标记,此处可看作字符数据或字符串。
Character
字符。
Charset
字符集。
例如“gb2312”,“utf-8”等。
Color
颜色。
ContentType
文档内容类型。
例如:
“text/css”,“image/gif”等。
Coords
结合shape属性,描述图像映射区域。
Datetime
符合ISO标准日期时间数据。
例如“2007-10-15”。
FrameTarget
框架窗口标识,用来指定显示目标文档的窗口。
IAlign
top|middle|bottom|left|right。
ID
为SGML中的标记,此处为文档范围内的唯一标识符。
IDREF
为SGML中的标记,此处为对其他元素标识符的引用。
IDREFS
为SGML中的标记,此处为使用空格分隔的对其他多个元素标识符的引用。
InputType
button|checkbox|file|hidden|image|password|radio|reset|submit|text。
控件类型。
LanguageCode
语言代码。
例如“zh-cn”,“en”等。
Length
长度。
LinkTypes
Alternate|Stylesheet|Start|Next|Prev|Contents|Index|Glossary|
Copyright|Chapter|Section|Subsection|Appendix|Help|Bookmark。
MediaDesc
screen|tty|tv|projection|handheld|print|braille|aural|all。
MultiLength
Length类型或相对长度。
MultiLengths
长度组。
逗号分隔的多个MultiLength类型值。
NAME
沿用了SGML中的标记,名称标识。
仅<
meta>
标记name属性涉及该类型。
NUMBER
沿用了SGML中的标记,此处为数字类型。
Pixels
像素。
Scope
row|col|rowgroup|colgroup。
td>
、<
th>
标记scope属性涉及该类型。
Script
脚本语言函数或表达式,用于给元素绑定事件处理函数。
Shape
rect|circle|poly|default。
定义图像映射区域形状。
StyleSheet
CSS表达式,仅style属性涉及该类型,以内联方式定义元素显示样式。
TAlign
Text
文本,主要指代可供浏览者阅读的文本。
URI
统一资源定位符。
Valign
top|middle|bottom|baseline。
上表中对于大多数的属性值类型都能够清晰地说明,个别属性值类型比较复杂,我们以下将对这类属性值类型做更为详细的讲解。
1.Align,表示水平方向上的对齐方向,具有left|center|right三个可选值。
实际上部分标记的align属性可以设定的值除了上述三个以外,还可能会有justify和char两种。
justify表示两端对齐,即分散对齐;
char表示将要指定一个字母作为对齐的中心线,或者说是参照线。
默认的字符是基于语言的,比如在英语中是一个句点,在法语中是一个逗号。
2.Color,即颜色。
颜色的表示方法有多种,做为HTML标记的属性,颜色常见的有如下两种表示方式:
(1)使用颜色名来表示,例如“red”,“black”等。
当然,不是所有的表示颜色的英文都能够使用,即便是不同的浏览器支持的颜色名多少也会不同,以下给出了最为安全的16种颜色。
Black(黑)Green(绿)Silver(银)Lime(柠檬色)
Gray(灰)Olive(橄榄绿)White(白)Yellow(黄)
Maroon(红褐色)Navy(海军蓝)Red(红)Blue(蓝)
Purple(紫)Teal(蓝绿色)Fuchsia(亮粉色)Aqua(绿蓝色)
(2)使用#RRGGBB形式来表示,即以“#”开始分别用十六进制的两位数字表示红、绿、蓝,例如,红色表示为#FF0000,绿色表示为#00FF00,黄色表示为#FFFF00,白色表示为#FFFFFF。
之所以通过这种形式可以表示出丰富的色彩是因为我们的显示器就是通过按不同比例“勾兑”这三种颜色而显示出丰富的色彩。
3.Coords类型的值为逗号分隔的一系列数字,它表示的意义要根据shape属性值来解读:
(1)shape属性值为“rect”,即矩形区域时,Coords为4个数字,依次是矩形左上顶点和右下定点的横坐标与纵坐标。
(2)shape属性值为“circle”,即圆形区域时,Coords为3个数字,依次是圆形原点的横坐标与纵坐标及半径。
(3)shape属性值为“poly”,即多边形区域时,Coords的数字,依次是每个顶点的横坐标与纵坐标。
对于显示区域的坐标,我们以左上角为原点水平向右为正的横坐标,竖直向下为正的纵坐标。
4.FrameTarget类型的属性是用来指定超链接打开位置的。
通常有以下几种赋值:
(1)_blank:
超链接在一个弹出的新窗口打开;
(2)_self:
超链接在当前窗口打开;
(3)_parent:
适用于框架窗口,指超链接在当前框架窗口的父窗口打开,如果没有父窗口其效果等同与“_self”;
(4)_top:
适用于框架窗口,指超链接在最顶级窗口打开,如果没有父窗口其效果等同与“_self”;
(5)超链接打开窗口的具体名称。
通常用于框架窗口中指定内容在别的框架窗口中打开。
5.ID类型的属性作用是为所在标记分配一个文档范围内的唯一标识名,根据规范,有效的标识名应以字母开头,可以包含字母、数字、连字符、下划线、分号、点号的字符串。
6.IDREF类型表示该类型的值为某个元素的ID。
只有<
label>
标记的for属性涉及该类型,此时其作用是关联<
元素与其要说明的表单控件。
7.IDREFS类型是以空格分隔的多个IDREF类型值。
和<
标记的headers属性涉及该类型,作用是为单元格绑定一个或多个表头。
8.Length,即长度。
长度表示方法也有多种,根据规范Length类型的值可以以如下两种方法表示:
(1)绝对长度。
形式是以整数表示,此时默认的长度单位为像素(pixel);
(2)相对长度。
形式是以百分数表示,此时参照的是可视区域的宽度或高度。
作为HTML标记中的属性值类型,对于长度我们不做更为深入的介绍,相关内容在介绍CSS技术的部分会有详细的介绍。
9.LinkTypes类型我们列出了该类型属性的可选属性值,只有<
a>
link>
标记的rel和rev属性涉及该类型。
我们使用这些类型说明当前文档与目标文档之间的关系。
该类型具体包含的属性值的含义参见对于<
标记的介绍。
10.MediaDesc类型枚举了该类型包含的值,只有<
style>
标记的media属性涉及该类型,其作用是声明样式表适用的媒体类型,比如说用于显示器(screen)显示,用于打印机(print)打印,实际上设计该属性类型的属性我们很少使用,一定程度上是为了进一步的扩展而保留的。
11.MultiLength类型中的相对长度是指包含*的表示方法,例如当我们表示框架结构下各窗口的宽度或高度可以使用*;
表格中两列的宽度比例为1:
2时,我们可以分别为其宽度赋值为1*和2*。
12.Scope类型,只有<
标记的的scope属性涉及该类型,该属性用于指定表头单元格对应哪些数据单元格。
详情参见<
标记。
13.Script类型用于赋值给HTML元素的一系列事件属性,通常它表现为使用JavaScript脚本语言定义的函数。
以上内容不必牢记,只是作为参考,留待在下面的学习过程中随时查找。
2.2HTML标记
在介绍HTML标记之前,我们还要先介绍部分特殊属性,这些属性涉及绝大多数的HTML标记,因此从某种程度上讲我们可以称其为公共属性,我们首先介绍这部分属性,目的是在以下的每个标记中就不再重复介绍了。
我们把这些标记根据规范中的定义分成如下三类来介绍。
(1)核心属性
属性
属性值
id
为适用该属性的标记命名文档范围内的唯一标识符。
class
为适用该属性的标记设定class类名,多个类名时使用空格分隔。
style
为适用该属性的标记标记设定样式。
title
为适用该属性的标记添加提示文字。
(2)国际化属性
lang
为适用该属性的标记设定语言代码。
dir
ltr|rtl
为适用该属性的标记设定阅读方式:
从左至右或者从右至左。
(3)事件属性
onclick
设定相应的事件处理方法。
根据属性值类型的介绍,我们知道Script类型属性值通常为脚本函数。
ondblclick
onmousedown
onmouseup
onmouseover
onmousemove
onmouseout
onkeypress
onkeydown
onkeyup
我们提到绝大多数HTML标记均有上述属性,对于个别不使用这些属性的标记我们以下表列示,除此之外在后文中我们介绍的标记都具有这一系列属性,将不再重复说明:
不适用以下标记
base>
,<
head>
html>
script>
title>
。
basefont>
param>
applet>
br>
frame>
frameset>
iframe>
事件属性
bdo>
font>
isindex>
除了上述提到的属性,仍有部分属性较为常用,我们在此集中做一说明:
(1)alt:
为元素提供说明文字以便在鼠标移入或是浏览器无法正常显示该元素时给出提示,最典型的是<
img>
标记idealt属性,当鼠标移入图片时会给出该属性设定的提示文本,当浏览器禁止或无法显示图片时也会在图片所在的位置给出该提示文本。
(2)accesskey:
为元素指定快捷键,通过按下快捷键使得元素获得焦点,比较常用的是给文本框加入这种快捷键,以便迅速将光标移入文本框内输入文字。
(3)tabindex:
设定元素的Tab索引值,Tab索引值决定按下Tab键,焦点传递的次序,这一点我们应该不陌生,在应用程序中我们如果不使用鼠标操作就会频繁用到Tab键以移动焦点,这在网页中也是适用的。
(4)onfocus:
元素获得焦点,使用Tab键或鼠标令元素获得焦点是激发该事件。
(5)onblur:
元素失去焦点,最常见的就是当你在一个获得焦点的元素区域外点击一下鼠标。
下面我们将对HTML标记分类逐一进行讲解。
2.2.1结构标记
(1)<
标记
/html>
]
界定超文本文档的开始与结束。
*version
声明文档遵循的HTML版本。
标记是我们认识的第一个标记。
该标记有一个version属性,不过该属性为过时标记。
该属性的初衷是用于声明该HTML文档所遵循的HTML规范版本,但是我们当前以文档类型声明的方式来声明这项内容,例如以下就是几个不同的文档类型声明,如果在你上网过程中,你查看一下网页的源文件,你会经常发现源文件的第一行就是类似这样的声明。
!
DOCTYPEHTMLPUBLIC"
-//W3C//DTDHTML4.01//EN"
"
http:
//www.w3.org/TR/html4/strict.dtd"
>
-//W3C//DTDHTML4.01Transitional//EN"
//www.w3.org/TR/html4/loose.dtd"
-//W3C//DTDHTML4.01Frameset//EN"
//www.w3.org/TR/html4/frameset.dtd"
(2)<
/head>
界定文档头部分的开始与结束。
profile
提供该文档简单描述的URL。
标记部分通常包含有<
等元素,根据规范,<
标记也是可省的,它的profile属性通常是一个或多个元数据(metadata)的URI,关于元数据我们放在以后介绍,profile属性是几乎不用的。
(3)<
body>
/body>
表示其间为文档主体内容。
onload
设定文档主体(浏览器客户区)的onload事件。
onunload
设定文档主体(浏览器客户区)的onunload事件。
background
设定文档背景图像的URL。
text
设定文档中常规文本的颜色。
link
设定文档中超链接未访问状态下的颜色。
vlink
设定文档中超链接已访问状态下的颜色。
alink
设定文档中超链接激活状态下的颜色。
bgcolor
设定文档的背景颜色。
我们可以通过<
标记的一系列属性定义文档的背景色或背景图片,也可以定义文档中超链接不同状态下的颜色。
我们知道HTML文档通常包含上述的<
元素和<
元素,不过我们通过学习已了解了上述三个标记(包括<
标记)都是可省略的,尽管是这样我们还是提倡要使用这三个标记,以使我们的源文件结构清晰。
2.2.2HEAD部分
本部分我们介绍HEAD部分涉及的标记。
/title>
设定HTML文档标题。
HEAD部分包含的元素绝大多数都是不可见的,而<
标记设定的文档标题我们可以在浏览器的标题栏里直观地看到。
提供关于当前文档的附加信息。
http-equiv
设定键名。
name
content
设定键值。
scheme
设定对键值的解释。
标记是一个比较复杂的标记因为它涉及到HTTP协议的一些基础知识,我们看以下几个例子:
metahttp-equiv="
charset"
content="
gb2312"
expires"
31Dec07"
metaname="
keywords"
sport,game"
http-equiv属性和name属性的作用都是命名一个键名,而content属性设定该键名对应的键值。
但是http-equiv属性和name属性是有区别的。
服务器在向浏览器发送HTML文档之前,它首先要发送一个或多个键名键值对,其中对于发送HTML文档之前必须发送的一个是:
content-type:
text/html。
发送该信息是明确告诉浏览器准备接受HTML文档。
我们如果用带有http-equiv属性的<
标记,服务器将把http-equiv和content组成键名键值对发送给浏览器。
例如上例中的前两个<
标记将产生charset:
gb2312和expires:
31Dec07发送给浏览器,当然浏览器能够识别这些键名并执行相应的行为。
而name属性设定的键名,并不会提前发送,更多的时候是为了记录当前文档的某些信息,或者是为了更方便搜索引擎的收录。
scheme属性用于设定对键值的解释,例如:
metascheme="
ISBN"
name="
id"
978-7-121-04679-7"
我们通过scheme属性的设定就能明确知道此处的id为ISBN号。
mm-dd-yy"
date"
07-08-09"
而此处的日期格式为月日年。
在HEAD部分创建当前文档和外部文档之间的连接。
charset
设定目标文档的编码。
href
设定目标文档的URL。
hreflang
设定目标文档内容的语言。
type
设定目标文档的MIME类型。
通常引入外部样式表文件,此时其值为“text/css”。
rel
声明该文档与目标文档的关系。
rev
声明目标文档与该文档的关系。
media
设定该对象使用的媒体类型(屏幕输出,打印输出或任意)。
target
设定链接打开的框架或窗口。
标记只是用于HEAD部分,除了media属性其他属性跟<
标记的相应属性相同,因此我们在介绍<
标记部分介绍这部分属性。
标记常用于在HEAD部分引入外部样式表文件,例如:
linkhref="
Main.css"
rel=stylesheettype="
text/css"
至于外部样式表文件是做什么的,留待介绍CSS的部分详细讲解。
设定用于解析外部源的链接和引用的基准URL,如图像和样式表。
设定上述URL。
设定文档中超链接默认状态下显示于的窗口或框架。
超文本文档中会有大量的外部链接,此时对于使用相对路径表示的链接,通常浏览器会参照当前文档所在的路径进行解析,我们可以使用<
标记为其设定一个基准的URL,以便浏览器解析文档中出现的相对路径。
target属性可以定义默认状态下链接在哪一个窗口打开。
创建可供搜索HTML文档部分的文本框。
prompt
为该文本框设定提示文字以代替默认提示。
标记极少使用,我们先看一下例2-1。
例2-1<
isindex<
Chapte
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第2章 HTML标记 HTML 标记