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

第八章 HTML语言 HTML是一种标记语言，而不是程序设计语言。它将具有特定含义的标记嵌入到文档中，来描述文档的格式。这种标记经过浏览器的解释使文档特定的形式显示出来。 8.1 HTML标记语法和文档的结构 HTML文件的开始和结束标记： HTML /HTML 出现在浏览器标题栏里的文本的开始和结束标记： TITLE /TITLE 8.1.1 页面的结构 每个HTML页面（.htm或.html文件）都由四个部分构成： html head title标题栏内容/title /head body 出现在浏览器窗口的内容 /body /html 8.1.2 创建简单的web页面 创建工具: 文本编辑器(如:记事本) 网页制作工具(如:dreamweaver) 浏览工具:浏览器(如:IE浏览器) 8.1.2 创建一个简单的web页面 1、标题标记(成对) h1 /h1 一级标题 h2 /h2 二级标题 h3 /h3 三级标题 h4 /h4 四级标题 h5 /h5 五级标题 h6 /h6 六级标题 2、换行标记br(单独) 3、段落标记p(成对/单独) 4、无序列表标记ul (成对) li(单独) li li /ul 5、有序列表标记ol(成对) li(单独) li li /ol 6、定义性列表标记 dl(成对) dt(单独) dd(单独) dt dd dt dd /dl 8.2 常用的HTML标记 8.2.1 添加图形 1、水平线标记 hr (单独) 有Size,width,align,noshade等属性. 2、插入图形文件标记 img src=“ ” (单独) 最重要的属性src,还有width,align,vspace,hspace,border. 3、添加背景属性 body bgcolor=red body bgcolor=#ff0000 body backgound=“1.gif” 4、body其他常用属性：Text,link,alink,vlink 默认情况下：link=blue，alink=red，vlink=purple a链接字/a(成对) 作用:链接另一个网页或本网页的其他部分. 链接字:可以是文本或图片等. 最重要的属性:href. a href =“资源地址” 链接字/a 资源地址:可是绝对地址,如:”” 可是相对地址:如:”2.htm” 本网页某部分的标记:如:”#a” 8.2.3 格式化文本 1、basefont /basefont 属性：size（1~7），color，face 2、b/b粗体 i/i斜体 u/u下划线 3、font/font 属性：face，size，color 8.3 图象 1、GIF图象 GIF支持8位颜色，总含256种颜色。 2、JPEG或JPG图象 JPEG或JPG支持24位颜色，总含1.67×107 种颜色。 3、对比 8.4 表格 表格用于页面布局，将数据以行和列的格式进行组织。 8.4.1 表格 table caption表格标题/caption tr th表格头/th td单元格/td /tr /table 属性：border,bgcolor,width,height,align,valign 8.4.2 跨越多行或多列的单元格 使用rowspan属性实现跨越多行； 使用colspan属性实现跨越多列． 8.5 框架 每个框架（frame）对应一个html文件； 所谓框架页面，就是将多个web页面在一个浏览器窗口中显示． ＜frameset＞ frame src=“url” name=“name” . . . ＜／frameset＞ Frameset的属性： Cols，rows 例如：＜frameset cols=“10%,20%,