第2章-超文本标记语言HTML.pptVIP

第2章 HTML语言 本章要点 ☆HTML文件格式 ☆HTML常用标记的使用方法。 ☆表格和框架的应用 ☆超级链接的应用 ☆XML介绍 第2章 HTML语言 2.1 HTML的基本结构 2.2 文字与页面格式 2.3 图像标记符 2.4 表格和框架的应用 2.5 超级链接的应用 2.6 XML介绍 2.1 HTML的基本结构 前面第一章已经介绍过HTML是一种用于表示网页信息的符号标记语言。 它作为一种网页编辑语言，其主要作用有如下几点： 2.1 HTML的基本结构 1．文本格式设置。如设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。 2．创建列表。把信息用一种易读的方式表现出来。 3．插入图像。使网页图文并茂，还可以设置图像的各种属性，如大小、边框、布局等。 4．建立表格。表格为浏览者提供了快速找到需要信息的显示方式，还可以用表格来设定整个网页的布局。 5．建立超链接。通过超链接，只需用鼠标单击，就可以实现网页间的跳转。 HTML文档可以用常见的文档编辑器（如记事本，Editplus、UltraEdit等）来编写，也可以使用专用的网页编辑软件来编写，其最终保存的格式都是HTML文档格式。 2.1 HTML的基本结构 HTML文档是网页文件在计算机系统内的最终保存形式，使用其他的专用网页编辑软件制作的网页最终也都应保存为HTML文档格式，即HTML文件的基本结构。 2.1.1 HTML标记及其属性 2.1.2 HTML的基本构成标记 2.1.1 HTML标记及其属性 1．标记 HTML文件由标记和被标记的内容组成。HTML的标记总是被封装在“”和“”所构成的一对尖括号之中。标记能产生所需要的各种效果，就像一个排版程序，它将网页的内容排成理想的效果。 这些标记名称大都为相对应的英文单词或单词的首字母或单词的缩写，便于记忆。 1.标记 标记分为单标记指令和双标记指令。单标记指令单独使用就能完整地表达意思，它的一般格式为： 标记 最常用的单标记指令是P，表示paragraph（段落）的结束，并在段落后面加一空行。双标记指令必须成对使用，它的一般格式为： 标记被标记／标记 2.1.1 HTML标记及其属性 2．标记的属性 标记规定的是什么信息（文本、图片等）内容，怎样显示或控制这些信息，还需要在标记后面加上相关的属性，每个标记有一系列的属性。标记是通过属性来制作出各种效果。属性的一般格式为： 标记 属性1=属性值 属性2=属性值…受标记影响的内容/标记 例如文件主体标记body，其属性bgcolor可设置背景颜色。 body bgcolor=red属性示例／body 2．标记的属性 注意： （1）并不是所有的标记都必须具有属性项，例如换行标记就没有属性项。 （2）属性之间没有先后顺序,在使用时，根据需要可以使用标记的所有属性，也可以只选用需要的几个属性。 （3）属性和标记一样，都不区分大小写。 2.1.2 HTML的基本构成标记 1．HTML文档标记HTML 2．HTML文件头标记Head 3．HTML文件标题标记Title 4．HTML文件主体标记Body 1．HTML文档标记HTML 格式：html…／html 功能：：html标记位于HTML文档的最前边，用来标识HTML文档的开始；而／html标记恰恰相反，它位于HTML文档的最后边，用来标识HTML文档的结束。 2．HTML文件头标记Head 格式：Head…/Head 功能：用于包含文件的基本信息（文档标题、文档搜索关键字、文档生成器等）。Head和/Head构成HTML文档的开头部分，在此标记对之间可以使用Title/Title、Script/Script等标记对，这些标记对都是描述HTML文档相关信息的标记对，Head/Head标记对之间的内容是不会在浏览器显示出来的。 3．HTML文件标题标记Title 格式：Title…/Title 功能：定义文件标题 。使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息-般是网页的“主题”，要将网页的主题显示到浏览器的顶部其实很简单，只要在Title/Title标记对之间加入要显示的文本即可。 页面标题就像是页面的门，要短小精悍，能够反映页面的内容，同时由于浏览器标题栏空间有限，标题不能太长。一个网页只能有一个标题名，而且title标记中不能包含其他标记。 注意：Title/Title标记对必须放在Head/Head标记对之间。 4．HTML文件主体标记Body 格式：Body…/Body 功能：Body/Body是HTML文档的主体部分，在此标记对之间可包含p/p、H1/H1、B