第2章Html语言终稿.ppt

本章导读 由于ASP程序一般是内嵌在HTML标记中的，而且ASP程序在服务器解析之后，将结果也是以HTML源码形式传送给客户端，所以正确认识和理解HTML标记语言是学习和制作ASP网页的客观要求。 知识要点： ●HTML概述 ●文本格式 ●排版布局 ●列表 ●图片和视频 ●超链接和热点链接 ●表格 ●表单 ●框架 ●多媒体 2.1.1 HTML语言标记 2.1.2 HTML文档的结构 HTML语言标记是由英文单词或其缩略字母和一对定界符（）共同组成，如html和/html、body和/body等。每一个标记有一系列属性。标记约定、描述、标识了信息内容，属性控制了信息内容显示效果。标记和属性共同控制网页内容及其效果，语法格式如下： 格式：标记名 属性名1=属性值1 属性名2=属性值2……信息内容/标记名 说明： ⑴标记名、属性名和属性值不区分字母大小写； ⑵标记名和属性名之间，属性名和属性名之间要适当空格； ⑶属性使用的个数是没有限制的，使用多个属性时，属性之间没有先后顺序； ⑷绝大数标记都是成对出现的，也有标记是单标记，没有结束标记。 HTML语言标记内容丰富，从功能上大体可分为：文本结构设置、文本格式标记、排版布局、列表、图片和视频标记、超链接和热点链接、表格、表单、框架和多媒体。虽然内容丰富，但HTML文档结构简单，通常包括html、head、body三部分，基本结构如下： html head标题部分/head body 正文部分 /body /html 说明： ⑴html…/html：文档标记，处于最外层，一般来说html文件总是以html开头，又以/html结束，整个html文件的所有内容都包括在这对标记之中。 ⑵head…/head：文件头标记，位列文档开始部分，一般包括title，base， link，meta等文件头元素，这些元素不属于文件本体。 下面简要介绍head部分所包含标记元素的功能及用法: ①title：定义网页标题，其中包含的文字或符号，将会显示在浏览器窗口的标题栏。 title第二章HTML语言/title ②meta：定义网页相关说明信息，其中定义的信息是不显示的，包括以下几种。 l???????? 定义搜索关键字，提供给搜索引擎使用，常见的两种用法： meta name=keywords content=html,css,javascript meta name=description content=网页制作 l???????? 控制页面缓存，设置打开的网页是否总是最新版本： meta http-equiv=pragma content=no-cache l???????? 设定网页字符编码的解码方式，如简体中文： meta http-equiv=content-type content=text/html;charset=gb2312 l???????? 设定自动刷新页面时间(聊天室常用)： meta http-equiv=refresh content=60;URL=*.htm ③link：指定当前文档和href指定文档之间的链接关系。 link rel=stylesheet href=style.css 注释：rel说明文档之间的关系；href说明链接目标文档名，.css说明为层叠样式表文档。 ④base：定义超链接的基准地址目录。 base href=基准地址目录 target=目标窗口名称 ⑤script：用来在页面中加入客户端脚本程序。 script language=VBScript…/script ⑥style：指定当前文档的css层叠样式表。css对于网页的字体样式?背景?边界等都有很大的应用。有关css详细内容请参阅相关书籍。 ⑶body…/body：文件主体标记，是Html文档的主体部分，页面内容其它标记一般都位列其中，body标记有很多属性，用于定义网页总体风格，常见属性如表2-1所示： 注意： ①颜色有三种表示方法，分别如下：16进制颜色代码格式：#RRGGBB；10进制RGB码格式： RGB(RRR，GGG，BBB)；直接写出颜色英文名称，如Black?White?Green?Maroon?Olive?Navy?Purple?Gray?Yellow?Lime?Agua?Fuchsia?Silver?Red?Blue和Teal。 ②长度表示方法有两种，即绝对长度和相对长度。它们的单位分别是像素(pixel)和百分比(%)，像素代表的是屏幕上的每个点，而百分比代表的是相对于客户端浏览器的多少。 ③link，alink，vlink属性的用法已经不使用了，多数是在文件头head…/head中加入相应的CSS代码，以达到需要的效果。