计算机网络与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

2、页面,1、标题标记(成对) 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题,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,vl

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

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

5、ols，rows 例如：frameset cols=“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,frameborder,8.6 音频,8.6.1音频 在网页中包含音频文件的方法： 点播音乐：歌曲名 自动载入歌曲： IE背景歌曲： 标记： ,8.6.2 视频,在网页中包含视频的方法： 点播

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