网络与WEB原理8b.ppt

第八章 HTML语言 §8.1 HTML标记语法和文档结构 HTML即超文本标记语言，是目前网页编辑的主要语言之一。 所有Web网页都是由HTML或其他语言嵌套在HTML中编写的，HTML具有平台无关性，无论用户使用何种操作系统，只要有相应的浏览器程序，就可以运行HTML文档。 一、页面的结构 1. 一个Web页面对应于一个HTML文件, HTML文件以 .htm 或 .html为扩展名； 2. HTML的主要语法是元素和标签，有几个特点： （1）元素是HTML文档的主要组成部分，元素名不分大小写； （2）HTML标签是用来规定元素的属性和它在文档中的位置，分为单独或成对出现的标签。 （3）大多数标签是成对出现的,首标签的格式为元素名，尾标签的格式为/元素名，例如title和/title用来界定标题元素的范围； （4）单独标签的格式为元素名，其作用是在相应的位置插入元素，如BR表示在该标签的位置插入一个换行符。 3. 每个HTML页面由四个部分组成; (1)HTML标签html和/html; (2)首部（头）标签head和/head; (3)标题标签title和/title (4)正文标签body和/body 二、创建一个简单的Web页面 1. 打开Windows的记事本,输入前图内容; 2. 将该文件保存为一个文本文档（*.txt）“study1.html”，存放在指定文件夹study中； 3. 浏览操作：启动IE→文件→打开→d:\study→study1.html,或启动IE，在左上角“地址”处输入：d:\study\study1.html并回车，也可以调出页面，注意观察头部内容（即标题）和主体部分的内容。 三、基本HTML标签 1.字号标签：Hi（i=1--6） （1）Hi标签是成对出现的，夹在Hi和/Hi之间的文字是HTML文档中的标题或内容； （2）Hi共分六级，H1字最大，H6字最小； （3）Hi标签隐含有换行标签的作用; （4）Hi标签的基本属性如下： 2. 换行标签：BR （1）BR即Break(换行)，它是单独出现的; （2）BR标签的作用相当于插入一个回车符，如果没有换行标签BR，Web浏览器会根据窗口的宽度尽可能显示文本。 3. 段落标签：P （1）P即paragraph（段落），用于划分段落，作用是换行并插入一个空白行； （2）P标签可以单独使用，也可以成对出现。 §8.2 常用HTML标签简介 ? 一、添加图形 1. 插入水平线 （1）使用HR标签。HR标签是单独使用的，它的作用是换行并在该行下面画一条水平直线； （2）HR标签常用的属性如下表： 2. 插入图形/图像文件 （1）概述 ① 图形/图像使Web页面更加生动美观，Web页面常用JPEG或GIF类型图像； ② 在HTML文档中插入图形/图像是用IMG标签来实现的，该标签为单独使用； ③ IMG标签共9个属性，除属性SRC是不可缺省的外，其他属性都是可选的; ④ 格式：img src=”图像文件的URL” 注: SRC的路径和文件名也可以不加双引号 （2）SRC属性 ① SRC即Source，该属性值指出了被引用图像文件的所在位置，也就是图像文件的URL（URL称为统一资源定位器）； ② URL的2种表示方法 绝对表示法： IMG SRC=d:\study\monkey.jpg 相对表示法： IMG SRC=monkey.jpg； 表示此时图像文件和HTML文档在同一个文件夹中； 或：IMG SRC=images\monkey.jpg； 则表示该图像文件是在HTML文档的下一级文件夹images中； （3）其他属性 3. 添加背景 HTML页面有两种添加背景的方法，一种是指定一种背景原色，一种是添加一个重复的背景图形。添加背景是利用body标签的属性来实现的。 （1）body标签是成对出现的，首标签body和尾标签/body构成HTML文档主体； （2）body标签中可以规定整个文档的一些基本属性如下： （3）原色背景是利用body标签中bgcolor属性来指定页面背景的颜色，颜色名是固定的，例如body bgcolor=red; （4）重复图形背景是利用body标签中的background属性来指定页面背景的图形文件,一般是 .jpg 文件。 二、添加超链接 1. 基本