l动态制作实例教程第章基础.pptVIP

第3章 HTML基础 学习目的与要求： 本章主要介绍Html语言的基本知识，包括文本编辑方法、多媒体和超级链接、制作表格等，通过理论和实例相结合，使读者掌握使用Html语言编辑网页。要求认识Html语言中的常见网页标记，掌握Web文本编辑的基本方法，掌握Web多媒体、超链接、表格的编辑方法 第3章 HTML基础 3.1 HTML基本构架 3.2 超链接 3.3 多媒体效果 3.4 TABLE表格 3.5 表单 3.6 实训 3.7 习题 3.1 HTML基本构架 从结构上讲，Html文件由元素组成，组成Html文件的元素有很多种，用于组织文件的内容和指导文件的内容和指导文件的输出格式。刚刚接触超文本，遇到的最大的障碍就是一些用“”和“”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。 超文本中的标签有两种，单标签和双标签。 1. 单标签 某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是： 标签名称 最常用的单标签是BR, 它表示换行。 2. 双标签 另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。 这类标记的语法是： 标签 内容/ 标签 其中“内容” 部分就是要被这对标记施加作用的部分。 例如你想突出对某段文字的显示，就将此段文字放在一EM /EM标记中： EM第一：/EM 在起始链接签和结尾链接签之间的部分是元素体。每个元素都有名称和可以选择的属性，元素名称和属性都在起始链接签内标明。许多单标记和双标记的始标记内可以包含一些属性，其语法是： 标签名字 属性1 属性2 属性3 … 各属性之间无先后次序，属性也可省略（即取默认值），例如单标记HR表示在文档当前位置画一条水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。带一些属性： HR SIZE=3 ALIGN=LEFT WIDTH=75% 其中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取LEFT（左对齐，缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对“”号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如WIDTH=300），缺省值是100%。 HTML文件以HTML标记开始，以/HTML标记结束，中间的部分是HTML的元素体，HTML的元素体分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 一个HTML文件应当具有以下结构： HTML HEAD 头部信息 /HEAD BODY 文档主体，正文部分 /BODY /HTML 其中HTML在最外层，表示这对标记间的内容是HTML文档。我们还会看到一些Hompage省略HTML标记，因为.html或.htm文件被Web浏览器默认为是HTML文档。 HEAD 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。 BODY 标记一般不省略，表示正文内容的开始。 3.1.1 常用页面标记 1. html/html html标签用于Html文档的最前边，用来标识Html文档的开始。而/html标签恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标签必须一块使用。 2. head/head head和/head构成Html文档的开头部分，在此标签对之间可以使用title/title、script/script等等标签对，这些标签对都是描述Html文档相关信息的标签对，head/head标签对之间的内容是不会在浏览器的框内显示出来的。两个标签必须一块使用。 3. body/body body/body是Html文档的主体部分，在此标签对之间可包含p、/p、h1、/h1、br、hr等等众多的标签，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标签必须一块使用。body标签中还可以有以下属性： 4. title/title body/body是Html文档的主体部分，在此标签对之间可包含p、/p、h1、/h1、br、hr等等众多的标签，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标签必须一块使用。 body标签中还可以有以下属性： 注意： 以上各个属性可以结合使用，如body bgcolor=“red” text=“#0000ff”。引号内的rrggbb