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

.,第八章HTML语言,HTML是一种标记语言，而不是程序设计语言。它将具有特定含义的标记嵌入到文档中，来描述文档的格式。这种标记经过浏览器的解释使文档特定的形式显示出来。,.,8.1HTML标记语法和文档的结构,HTML文件的开始和结束标记：出现在浏览器标题栏里的文本的开始和结束标记：,.,8.1.1页面的结构,每个HTML页面（.htm或.html文件）都由四个部分构成：标题栏内容出现在浏览器窗口的内容,.,8.1.2创建简单的web页面,创建工具:文本编辑器(如:记事本)网页制作工具(如:dreamweaver)浏览工具:浏览器(如:IE浏览器),.,8.1.2创建一个简单的web页面,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,vlink默认情况下：link=blue，alink=red，vlink=purple,.,链接字(成对)作用:链接另一个网页或本网页的其他部分.链接字:可以是文本或图片等.最重要的属性:href.链接字资源地址:可是绝对地址,如:”可是相对地址:如:”2.htm”本网页某部分的标记:如:”#a”,8.2.2添加超链接,.,8.2.3格式化文本,1、属性：size（17），color，face2、粗体斜体下划线3、属性：face，size，color,.,8.3图象,1、GIF图象GIF支持8位颜色，总含256种颜色。2、JPEG或JPG图象JPEG或JPG支持24位颜色，总含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的属性：Cols，rows例如：framesetcols=“10%,20%,70%”framesetcols=“*,*,*”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视频,在网页中包含视频的方法：点播视频：自动载入：标记：例如：,.,8.7动画,8.7.1GIF动画使用图片方式来包含GIF动画例如：8.7.2Flash例如：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标记的属性,