计算机网络与web技术(第八章1)

1、 第八章 HTML语言HTML是一种标记语言，而不是程序设计语言。它将具有特定含义的标记嵌入到文档中，来描述文档的格式。这种标记经过浏览器的解释使文档特定的形式显示出来。8.1 HTML标记语法和文档的结构HTML文件的开始和结束标记： 出现在浏览器标题栏里的文本的开始和结束标记： 8.1.1 页面的结构每个HTML页面（.htm或.html文件）都由四个部分构成：标题栏内容出现在浏览器窗口的内容8.1.2 创建简单的web页面创建工具:文本编辑器(如:记事本)网页制作工具(如:dreamweaver) 浏览工具:浏览器(如:IE浏览器)8.1.2 创建一个简单的web页面1、标题标记(成对)

2、 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题2、换行标记(单独)3、段落标记(成对/单独)4、无序列表标记 (成对) (单独) 5、有序列表标记(成对) (单独) 6、定义性列表标记(成对) (单独) (单独) 8.2 常用的HTML标记8.2.1 添加图形1、水平线标记 (单独)有Size,width,align,noshade等属性.2、插入图形文件标记 (单独)最重要的属性src,还有width,align,vspace,hspace,border.3、添加背景属性 4、其他常用属性：Text,link,alink,vlink 默认情况下：link=blue，alink=

3、red，vlink=purple链接字(成对)作用:链接另一个网页或本网页的其他部分.链接字:可以是文本或图片等.最重要的属性:href.链接字资源地址:可是绝对地址,如:”http:/” 可是相对地址:如:”2.htm” 本网页某部分的标记:如:”#a”8.2.2 添加超链接添加超链接8.2.3 格式化文本1、 属性：size（17），color，face2、粗体 斜体 下划线3、属性：face，size，color8.3 图象1、GIF图象GIF支持8位颜色，总含256种颜色。2、JPEG或JPG图象JPEG或JPG支持24位颜色，总含1.67107 种颜色。3、对比GIFJPEG黑白/颜

4、色种类少的图象照片/含复杂颜色的图象4、PNG图象特点：不支持动画，无损压缩，支持全色。8.4 表格 表格用于页面布局，将数据以行和列的格式进行组织。8.4.1 表格表格标题表格头单元格 属性：border,bgcolor,width,height,align,valign8.4.2 跨越多行或多列的单元格使用rowspan属性实现跨越多行；使用colspan属性实现跨越多列8.5 框架每个框架（frame）对应一个html文件；所谓框架页面，就是将多个web页面在一个浏览器窗口中显示frameset.framesetFrameset的属性：Cols，rows例如：frameset cols=

5、“10%,20%,70%” frameset cols=“*,*,*”Frame的属性：Src，name，scrolling，noresize等例如：framessrc“1.htm” name=“a1”8.5.2 在不支持框架的浏览器中使用8.5.3 的target属性8.5.4 浮动框架Width,height,src,name,frameborder8.6 音频8.6.1音频在网页中包含音频文件的方法：点播音乐：歌曲名自动载入歌曲：IE背景歌曲：标记：8.6.2 视频在网页中包含视频的方法：点播视频：自动载入：标记：例如： 8.7 动画8.7.1 GIF动画使用图片方式来包含GIF动画例如

6、：8.7.2 Flash例如：object/object8.8 样式表CSSCSS层叠样式表技术是一种格式化网页的标准方式可对页面的布局，字体，颜色，背景，和其他效果实现精确控制CSS的特点：格式和结构分离；页面布局能力强；可有多个网页使用同一CSS；8.8.1 添加样式表样式表由一组规则构成，规则写法如下：Selectorproperty1:value; proterty2:value;例如：定义H1标记的规则 H1color:red1、连接到一个外部样式表通过标记部分的link元素连接。例如：、嵌入一个样式表3、输入一个样式表、内联样式、class属性、id属性、span元素、div元素8.8.2CSS属性、font、text、List、Color、Background、Box8.8.3使用CSS定位创建表单两步：（）创建表单的布局；（）在服务器端编写脚本程序处理从表单获得的信息。8.9.2标记的