第8章 HTML语言入门课件.pptVIP

第八章 HTML语言 §8.1 HTML标记语法和文档结构 ? HTML即超文本标记语言，是目前网页编辑的主要语言之一。所有Web网页都是由HTML或其他语言嵌套在HTML中编写的，HTML具有平台无关性，无论用户使用何种操作系统，只要有相应的浏览器程序，就可以运行HTML文档。 为了更好地熟悉HTML语言，最好自己动手学习创建一个Web页面。 一、页面的结构 1．一个Web页面对应于一个HTML文件，HTML文件以 .htm 或 .html为扩展名； 2．HTML的主要语法是元素和标签，有几个特点： （1）元素是HTML文档的主要组成部分，元素名不分大小写； （2）HTML标签是用来规定元素的属性和它在文档中的位置，分为单独或成对出现的标签。 （3）大多数标签是成对出现的，首标签的格式为元素名，尾标签的格式为/元素名，例如title和/title用来界定标题元素的范围； （4）单独标签的格式为元素名，其作用是在相应的位置插入元素，如BR表示在该标签的位置插入一个换行符。 3．每个HTML页面由四个部分组成，包括：HTML标签html和/html，首部（头）标签head和/head，标题标签title和/title，正文标签body和/body （1）HTML标签 html标签是HTML文档的标识符，是成对出现的，首标签html位于文档的最前面，尾标签/html位于文档的最后面。 （2）习惯上把HTML文档分为文档头和文档主体两部分； （3）文档主体部分就是在Web浏览器窗口的用户区内看到的内容，而文档头部分用来规定该文档的标题和文档的一些属性； （4）文档头部分用首标签head和尾标签/head构成，嵌套在head标签中主要是title和/title用来界定文档标题； （5）文档主体部分首标签body和尾标签/body构成。 以下为一个简单HTML文档结构： 二、创建一个简单的Web页面 1．打开Windows的记事本，输入前图内容； 2．将该文件保存为一个文本文档（*.txt）“stuhtm_1.html”，存放在指定文件夹； 3．浏览操作：启动IE→文件→打开→d:\html_study→stuhtm_1.html，或启动IE，在左上角“地址”处输入：d:\html_study\ stuhtm_1.html并回车，也可以调出页面，注意观察头部内容（即标题）和主体部分的内容。 4．修改操作：开始→程序→附件→记事本→文件→打开→d:\html_study→文件类型选“所有文件”→stuhtm_1.html，修改后保存。 三、基本HTML标签 1．字号标签：Hi（i=1--6） （1）Hi标签是成对出现的，夹在Hi和/Hi之间的文字是HTML文档中的标题或内容，文字都用黑体字显示； （2）Hi共分六级，上组标题比下组标题要大一些，H1字最大，H6字最小； （3）Hi标签隐含有换行标签的作用； （4）Hi标签的基本属性如下： 3．段落标签：P （1）P即paragraph（段落），用于划分段落，作用是换行并插入一个空白行； （2）P标签可以单独使用，也可以成对出现。 4．无序列表 （1）无序列表如下图（a）所示； （2）无序列表使用的一对标签是UL和/UL，在每一个列表项前使用LI标签。 5．有序列表 （1）有序列表如上图（b）所示； （2）有序列表使用的一对标签是OL和/OL，在每一个列表项前使用LI标签。 6．定义性列表 （1）定义性列表如下图所示； （2）定义性列表使用的一对标签是DL和/DL，在每一个列表项前使用DT标签，说明性文字用DD标签。 §8.2 常用HTML标签简介 ? 一、添加图形 1．插入水平线 （1）使用HR标签。HR标签是单独使用的标签，HR即Horizontal Rule，它的作用是换行并在该行下面画一条水平直线，直线的上下两端都会留出一定的空白； （2）HR标签常用的属性如下表： 2．插入图形/图像文件 （1）概述 ① 图形/图像使Web页面更加生动、美观，Web页面常用JPEG或GIF类型图像； ② 在HTML文档中插入图形/图像是用IMG标签来实现的，该标签为单独使用； ③ IMG标签共9个属性，除属性SRC是不可缺省的外，其他属性都是可选的； ④ 格式：img src=”图像文件的URL” 注，SRC的路径和文件名也可以不加双引号。 （2）SRC属性 ① SRC即Source，该属性值指出了被引用图像文件的所在位置，也就是图像文件的URL