标记语言复习资料.docx
- 文档编号:15650868
- 上传时间:2023-07-06
- 格式:DOCX
- 页数:25
- 大小:31.92KB
标记语言复习资料.docx
《标记语言复习资料.docx》由会员分享,可在线阅读,更多相关《标记语言复习资料.docx(25页珍藏版)》请在冰点文库上搜索。
标记语言复习资料
1计算机语言有多种,包括机器语言、编程语言、标记语言等。
2标记语言
标记语言是为处理、定义和表示文本而设计的语言。
标记语言是一种将文档及其相关信息结合起来以展现文档结构和数据处理细节的编码。
这种语言规定了用于格式文档布局和风格的代码即标签(tags)
标记语言广泛应用于网页和网络应用程序中
超文本标记语言(HyperTextMarkupLanguage,HTML)
可扩展标记语言(eXtensibleMarkupLanguage,XML)是众所周知的标记语言。
标记语言分为三类,即表示性标记语言、过程性标记语言以及描述性标记语言。
脚本语言
与由计算机处理器编译的其他高级语言不同,脚本语言是在运行时由其它程序注释的高级编程语言,脚本语言(Scriptlanguage)是为了缩短传统的编写、编译、链接和运行过程而创建的编程语言
标准通用标记语言(StandardGeneralizedMarkupLanguage,简称SGML)是一种通用的组织和标记文档元素的语言,主要用来定义文献模型的逻辑和物理类结构。
SGML是国际标准化组织(InternationalOrganizationforStandards,简称ISO)
SGML文档由三部分组成,即语法定义、文件类型定义(DefinitionTypeDocument,简称DTD)和文件实例。
语法定义了文件类型定义和文件实例的语法结构;文件类型定义了文件实例的结构和组成结构的元素类型;文件实例是SGML语言程序的主体部分。
HTML文档的结构始于
(“文档元数据”),而止于;Web页面中的信息包含于和之间。其他标签用于描述超链接、信息的布局和格式等。
可扩展超文本标记语言(eXtensibleHyperTextMarkupLanguage,XHTML),是一种标记语言,表现方式与超文本标记语言(HTML)类似,符合XML语法规范。
XHTML是基于XML的标记语言,是扮演着HTML角色的XML。
XHTML在本质上是桥接(过渡)技术,融XML的灵活性与HTML的简单特性于一体(与后两者有交集)
WML是用来在手持设备上实施无线应用协议WAP的标记语言。
WML它基于XML。
WAP协议被设计为用来在诸如移动电话之类的无线客户端上展示因特网内容。
WML页面通常称为deck。
每个deck含有一系列的card。
card元素可包含文本、标记、链接、输入字段、和图像等。
卡片之间通过链接彼此相互联系。
Web基于三种创新:
URL、HTML和HTTP。
WWW需要传输协议,即超文本传输协议(HyperTextTransferProtocol,简称HTTP)。
万维网联盟(WorldWideWebConsortium,W3C
第二章
HTML的特点是:
●独立于平台(计算机硬件和操作系统)。
即文档可以在具有不同性能(即字体、图形和颜色差异)的计算机上以相似形式显示文档内容。
这个特性对用户至关重要。
●超文本。
允许文档中的文字、图片等链接到另一文档,这个特性将允许用户在不同计算机中的文档之间及文档内部漫游。
●精确的结构化文档。
该特性将允许某些高级应用,如HTML文档和其他格式文档间互相转换以及搜索文本数据库。
统一资源定位符(UniformResourceLocator,简称URL),用于完整描述Internet上网页和其他资源地址的标识方法,如我们要访问某个网站,在IE等浏览器的地址栏中就输入URL。
Internet上的每个网页都具有其唯一的URL地址,这种地址可以是本地磁盘,也可以是局域网上的某一台计算机,更多的是Internet上的网站。
例如,遵守如下语法规则:
scheme:
//host.domain:
port/path/
♦Scheme定义因特网服务的类型。
最流行的类型是http。
♦domain(域)定义因特网域名,上述网址中的域为。
♦host(主机)定义此域中的主机。
如果被省略,缺省的支持http的主机是www。
♦:
port(端口)定义主机的端口号。
端口号通常是被省略的,缺省的端口号是80。
上述网址中的端口为23
♦path(路径)定义服务器上的路径(一个辅助的路径)。
如果路径被省略,资源(文档)会被定位到网站的根目录。
上述网址的存放目录为exploring
♦(文件名)定义文档的名称。
缺省的文件名一般会是default.asp或者index.html,或者依据WEB服务器设置的其他文件名。
上述网址中的文件名称为exploring.html
因此,链接地址可以分以下三种:
♦绝对路径,如:
♦相对路径,如:
news/index.html
♦根路径,如:
/web/news/index.html
字符实体有三部分:
和符号(&)、实体名称(或#加实体编号)和分号(;)。
写HTML文档主要有如下三种方法:
1.手工直接编写
2.使用可视化软件
3.由Web服务器动态生成
HTML文件的扩展名必须是.htm或者.html
HTML文档的全局结构
-------------------------------------Sample2_1.html----------------------------------
----------------------------------------|开始标签
----------------------------------------------------------------------------
----------------------------------------欢迎光临我的主页
|
|
| 文件主体
这是我第一次做主页 |
|
---------------------------------------
---------------------------------------|结尾标签
...是HTML文档的头部标签,在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记,用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记。
标签是由一些字母组成的,并必须要放在一对尖括号中。
HTML的标签分单标签和成对标签两种。
使用标签有如下一些注意事项;
♦任何标签都要用“<”和“>”括起来。
♦标签名与“<”号之间不能留有空白字符。
♦并不是所有的标签都需要属性。
♦属性只可加于起始标签中。
♦不同的标签可以带有不同的属性,属性要和标签同时使用。
标记字母大小写不加区分,标记中的属性名和属性值也不区分大小写。
在HTML文档中可以加入注释标签,注释由开始标签“
—”和结束标签“—>”构成
…标签是整个HTML文档的容器标签,其中是起始标签,是结束标签。
其他所有的HTML标记都位于这两个标记之间。
这个标记告诉浏览器,这是一个HTML文档,应该按照HTML语言规则对文档内的标记进行解释。
…标签不是必需的,但最好不要省略,以保持HTML文档结构的完整性。
2文档的头部标签
头部标签
...用来设定有关页面的一些附加信息,这些信息不是页面显示的主体内容,但对浏览器而言是很有用的。Head元素中可以包含的标签有:
●
●
●(在网页中嵌入除图片外的多媒体)、
●...(当在文档中声明使用外接资源(比如CSS)时使用此标签)、
●(在文档中声明样式时使用此标签)、
●(在文档中使用脚本)、
●...(为HTML文档提供额外信息)等。
标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1、name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是:
<metaname="参数"content="具体的参数值">。
其中name属性主要有以下几种参数:
ØKeywords(关键字):
用来告诉搜索引擎你网页的关键字是什么。
例:
<metaname="keywords"content="science,education,culture,politics,ecnomics,relationships,entertaiment,human">
Ødescription(网站内容描述):
description用来告诉搜索引擎你的网站主要内容。
例:
<metaname="description"content="Thispageisaboutthemeaningofscience,education,culture.">
Ørobots(机器人向导):
robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。
默认是all。
例:
<metaname="robots"content="none">
Øauthor(作者):
标注网页的作者
例:
<metaname="author"content"root,">
2、http-equiv属性
http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
语法格式是:
<metahttp-equiv="参数"content="参数变量值">;
其中http-equiv属性主要有以下几种参数:
ØExpires(期限):
可以用于设定网页的到期时间。
一旦网页过期,必须到服务器上重新传输。
例:
<metahttp-equiv="expires"content="Fri,12Jan200118:
18:
18GMT">
必须使用GMT的时间格式。
ØPragma(cache模式):
禁止浏览器从本地计算机的缓存中访问页面内容。
例:
<metahttp-equiv="Pragma"content="no-cache">
这样设定,访问者将无法脱机浏览。
ØRefresh(刷新):
自动刷新并指向新页面。
例:
<metahttp-equiv="Refresh"content="2;URL=">
其中的2是指停留2秒钟后自动刷新到URL网址。
ØSet-Cookie(cookie设定)
例:
<metahttp-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday12-Jan-200118:
18:
18GMT;path=/">
注意:
如果网页过期,那么存盘的cookie将被删除。
必须使用GMT的时间格式。
ØWindow-target(显示窗口的设定):
强制页面在当前窗口以独立页面显示。
例:
<metahttp-equiv="Window-target"content="_top">
用来防止别人在框架里调用自己的页面。
Øcontent-Type(显示字符集的设定)
设定页面字符集<metahttp-equiv="content-Type"content="text/html;charset=gb2312">
表2-2
...标签属性表属性
描述
Link
设定页面默认的连接颜色
Alink
设定鼠标正在单击时的连接颜色
vlink
设定访问后连接文字的颜色
background
设定页面背景图像
bgcolor
设定页面背景颜色
leftmargin
设定页面的左边距
topmargin
设定页面的上边距
bgproperties
设定页面背景图像为固定,不随页面的滚动而滚动
text
设定页面文字的颜色
1)字体加粗标签:
...
(2)斜体文字:
...
(3)下划线文字:
...
大多数情况下,段落标记
是分隔文本的最佳符号
无序列表(unorderedlist)可以使用标签
- …
如果不为
有序列表(orderedlist)指各条列之间是有顺序,在各列表项前面显示数字或字母的缩排列表,可以使用有序列表标签
- ...
建立超链接的标签为…,语法格式为:
使用标签可以在HTML文档中加入图像,该标记为单标记。
其语法格式如下:
属性的参数列表如表2-5所示。
属性
描述
Src
图像的url的路径
Alt
提示文字
Width
宽度通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
Height
高度通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
Dynsrc
Avi文件的url的路径
Loop
设定avi文件循环播放的次数
Loopdelay
设定avi文件循环播放延迟
Start
设定avi文件的播放方式
Lowsrc
设定低分辨率图片,若所加入的是一张很大的图片,可先显示图片。
Usemap
映像地图
Align
图像和文字之间的排列属性
Border
边框
Hspace
水平间距
Vlign
垂直间距
表格通过
表2-6表格标签
标签
描述
用于定义一个表格开始和结束
定义一行,行标签内可以建立多组由
定义表头单元格,可省略。
文字将以粗体显示。
定义单元格,
表格必须包含一组
表2-7表格标签
属性
描述
Width
表格的宽度
Height
表格的高度
Align
表格在页面的水平摆放位置
Background
表格的背景图片
Bgcolor
表格的背景颜色
Border
表格边框的宽度(以像素为单位)
Bordercolor
表格边框颜色
bordercolorlight
表格边框明亮部分的颜色
bordercolordark
表格边框昏暗部分的颜色
Cellspacing
单元格之间的间距
Cellpadding
单元格内容与单元格边界之间的空白距离的大小
表2-8行标签属性
属性
描述
Align
行内容的水平对齐
valign
行内容的垂直对齐
bgcolor
行的背景颜色
bordercolo
行的边框颜色
bordercolorlight
行的亮边框颜色
bordercolordark
行的暗边框颜色
表2-9
属性
描述
Width/height
单元格的宽和高,取绝对值(如80)或相对值(如80%)
Colspan
单元格向右打通的栏数
Rowspan
单元格向下打通的列数
Align
单元格内字画等的水平位置,可选值为left/center/right
Valign
单元格内字画等的垂直位置,可选值为top/middle/bottom
Bgcolor
单元格的底色
Bordercolor
单元格边框颜色
bordercolorlight
单元格边框向光部分的颜色
bordercolordark
单元格边框背光部分的颜色
Background
单元格背景图片
表单标签的基本结构是在
标签之间加上若干个表单控件元素标记。创建表单的语法格式如下:
在HTML语言中,用标签在表单中定义完成输入功能的控件,此标签用来定义用户输入区,用户可在其中输入信息。
此标志只能用在
标签中。有9种输入类型,由type属性说明,其通用格式为:
Type不同,属性就不同,如表2-10所示:
表2-10Type属性此表格太大,可否不用表格而分开单独说明?
type属性取值
输入区域类型
控件的属性及说明
单行的文本输入区域,size与maxlength属性用来定义此种输入区域显示的尺寸大小与输入的最大字符数
(1)name定义控件名称
(2)value指定控件初始值,该值就是浏览器被打开时在文本框中的内容
(3)size指定控件宽度,表示该文本输入框所能显示的最大字符数。
(4)maxlength表示该文本输入框允许用户输入的最大字符数。
(5)onchang当文本改变时要执行的函数
(6)onselect当控件被选中时要执行的函数
(7)onfocus当文本接受焦点时要执行的函数
普通按钮,当这个按钮被点击时,就会调用属性onclick指定的函数;在使用这个按钮时,一般配合使用value指定在它上面显示的文字,用onclick指定一个函数,一般为JavaScript的一个事件。
这三个按钮有共同的属性:
(1)name指定按钮名称
(2)value指定按钮表面显示的文字
(3)onclick指定单击按钮后要调用的函数
(4)onfocus指定按钮接受焦点时要调用的函数
提交到服务器的按钮,当这个按钮被点击时,就会连接到表单form属性action指定的url地址。
重置按钮,单击该按钮可将表单内容全部清除,重新输入数据。
一个复选框,checked属性用来设置该复选框缺省时是否被选中,右边示例中使用了三个复选框
checkbox用于多选,有以下属性:
(1)name定义控件名称
(2)value定义控件的值
(3)checked设定控件初始状态是被选中的
(4)onclick定义控件被选中时要执行的函数
(5)onfocus定义控件为焦点时要执行的函数
隐藏区域,用户不能在其中输入,用来预设某些要传送的信息
hidden隐藏控件,用于传递数据,对用户来说是不可见的;属性有:
(1)name控件名称,
(2)value控件默认值
(3)hidden隐藏控件的默认值会随表单一起发送给服务器,例如:
控件的名称设置为ss,设置其数据为"688",当表单发送给服务器后,服务器就可以根据hidden的名称ss,读取value的值688;
使用图像来代替Submit按钮,图像的源文件名由src属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器
(1)name指定图像按钮名称
(2)src指定图像的url地址
输入密码的区域,当用户输入密码时,区域内将会显示"*"号
password口令控件
表示该输入项的输入信息是密码,在文本输入框中显示"*",属性有:
(1)name定义控件名称
(2)value指定控件初始值,该值就是浏览器被打开时在文本框中的内容
(3)size指定控件宽度,表示该文本输入框所能显示的最大字符数。
(4)maxlegnth表示该文本输入框允许用户输入的最大字符数。
单选按钮类型,checked属性用来设置该单选框缺省时是否被选中,右边示例中使用了三个单选框
radio用于单选,有以下属性:
(
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 标记 语言 复习资料