《网页设计》PPT教学课件-第2章 HTML语言参考.ppt

第2章 HTML语言 学习目的与要求 通过本章学习了解HTML的发展历史，掌握HTML的基本格式、如何处理文本、图像，修饰网页，设计表格和表单，了解样式表和框架的使用。 考核知识点与考核要求 识记：HTML含义、制定者等基本知识，表示文档结构、段落、分行、格式、链接、图像、表格、字体、表单、样式表和框架等的标记。 应用：综合使用各种HTML标记设计常见的网页形式。 2.1 什么是HTML HTML(Hyper Text Markup Language )即超文本标记语言，是一种用来制作超文本文档的简单标记语言。 所谓超文本， 是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂。 用HTML编写的超文本文档为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作万维 2.1 什么是HTML 网的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。 通过HTML可以表现出丰富多彩的设计风格、实现页面之间的跳转、展现多媒体的效果。 HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具：HTML编辑器和WEB浏览器。HTML编辑器是用于生成和保存HTML文档的应用程序。 2.2 HTML的基本格式 2.2.1 第一个HTML例子 【例2.1】第一个HTML例子 HTML 开始标记 HEAD TITLE 第一个网页 头标部分 /TITLE /HEAD BODY 欢迎进入HTML世界！ 正文内容 /BODY /HTML 结束标记 2.2 HTML的基本格式 2.2.2HTML的基本格式 HTML文件包括两部分：标题和正文。 基本格式如下： HTML HEAD 标题部分 /HEAD BODY 正文部分 /BODY /HTML 2.3 处理文本 2.3.1段落 由段落标记P所标识的文字，代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符，即要隔一行空白行，用以区别文字的不同段落。它可以单独使用，也可以成对使用。 2.3 处理文本 【例2.2】段落标记的使用 HTML HEAD TITLE 段落标记的使用 /TITLE /HEAD BODY P这是第一段 P 这是第二段 P 这是第三段 /BODY /HTML 2.3 处理文本 2.3.2 分行 使用P标记后不同段之间留有空白行，要使各行之间没有空白行，我们可以使用换行标记BR。 【例2.3】使用分行标记 HTML HEAD TITLE 使用分行标记 /TITLE /HEAD 2.3 处理文本 BODY 无换行标记：白日依山尽，黄河入海流。欲穷千里目，更上一层楼。P 有换行标记：BR白日依山尽,BR黄河入海流。BR欲穷千里目，BR更上一层楼。 /BODY /HTML 2.3.3预格式化文本（原样显示文字） 要保留原始文字排版的格式，就可以通过预格式化文本标记PRE实现，方法是把文字排版内容前后分别加上起始标记PRE和结尾标记/PRE 2.3 处理文本 【例2.4】预格式化文本标记 HTML HEAD TITLE 预格式化文本 /TITLE /HEAD BODY PRE 白日依山尽， 黄河入海流。 欲穷千里目， 更上一层楼。 /PRE /BODY /HTML 2.3 处理文本 2.3.4 水平线 HR标记用来在网页中生成一个水平线，从而将不同内容的信息分开，使文本看起来清晰、明确。通过设置HR标记的属性，可以控制水平分隔线的样式。 2.3 处理文本 【例2.5】水平线标记 HTML HEAD TITLE 水平分隔线使