网页制作案例教程-清华大学.pptVIP

表格标签、属性、单元格以及表格嵌套应用 框架基本结构、分割方式、属性及链接、浮动窗口 本章学习导航 HTML标签的学习，是初学者掌握网页制作的入门技术，也是后续学习创建静态、动态网站必备基础知识，了解JavaScript的基本标签、属性运用及作用，并使用它们制作精美的网页，是初学者掌握本章内容的基本要求。 本章内容在全书知识结构中所处位置如图所示 3.1 HTML入门 3.1.1 HTML简介 HTML( Hypertext Markup Language )即超文本链接标示语言 ，目前HTML编辑器有很多，可以是任何文本编辑器或者网页编辑制作工具，如FrontPage、Dreamweave。生成的HTML文件最常用的扩展名是.html，也有.htm。 3.1.2 HTML基本结构及书写规范 1、HTML基本结构 在HTML中，由和/括起来的文本叫做“标签”，表示开始标签；/表示结束标签，开始标签和结束标签配对使用，它们之间的部分是该标签的作用域，比如html/html等。HTML就是以这些标签来控制内容的显示方式。 案例3-1：创建基本的HTML页面 其中 html和/html表示该文档是HTML文档。 head和/head标明文档的头部信息，一般包括标题和主题信息，该部分信息不会出现在页面正文中，也可以在其中嵌入其它标签，表示诸如文件标题，编码方式等属性。 title和/title表示该文档的标题，标签间的文本显示在浏览器的标题栏中。 body和/body是网页的主体信息，可以包括各种字符、表格、图像及各种嵌入对象等信息。 2、HTML书写规范 在HTML中按照格式来看标签有两类，大部分标签是成对出现的，需要开始标签和结束标签 。也有一些标签不需要成对出现，单独出现一次就可以，这类标签通常不控制显示形态 标签是不区分大小写的。 3.2 文本 3.2.1 常用文本标签 常用的文本标签分为标题标签、段落标签、格式化标签三类： 1、标题标签hi hi设置网页内容标题标签，通过hi…../hi标签配对使用设置HTML网页内容标题，标题标签共分6种，分别表示不同字号的标题，i可以取值为1-6。 在hi中可以在使用属性align来设置标题对齐方式，如果没有设置align属性，默认对齐方式是left（左对齐）。 2、段落标签 1）分段标签p p用来标记段落的开始，用/p可以标记一个段落的结束，也可以省略，则到下一个p开始新的段落。 案例3-3 p标签应用 2）换行标签br br可以将文字强制换行，段落标签p是隔行换行，而br则使得换行更紧凑。 案例3-4 换行标签应用 3）取消换行标签nobr 案例3-5 取消换行标签应用 4）原样显示文字标签pre 案例3-6原样显示文字标签pre应用 5）右缩进标签blockquote 案例3-7 右缩进标签应用 6）居中对齐标签center 案例3-8 居中对齐标签应用 7）文字的分区显示标签div 案例3-9 文字的分区显示标签应用 8）注释标签 在HTML文档中用来表示注释的标签为!-- 注释内容-- 案例3-10 注释标签应用 9）水平分割线标签hr hr标签是水平线标签，用于段落和段落之间的分割，使文档结构清晰明了，使文字的编排更整齐。加入一个hr标签，就加入了一条默认的水平线。 案例3-11水平分割线标签应用 3、格式标签 1）常用格式标签 在HTML文档中，通常我们要通过格式标签来设定文本显示格式，常用的一些格式标签如表3-2-2所示 2）特殊字符 为了避免那些和HTML的关键字或保留字冲突，有些字符需要用特殊方法表示才能够正确的在浏览器中显示。 3）闪烁标签blink blink 使得被标记的文字闪烁，使用的格式为blink文字内容/blink 3.2.2 文本属性设置 1、文本对齐方式属性（align） 该属性用来设置文字的对齐方式，可以是标题也可以是一般文字，对齐方式共三种：左对齐、居中对齐和右对齐，默认情况下为左对齐。三种对齐方式的属性值分别为left、center和right。 案例3-12文本字体属性应用 2、文本字体、大小、颜色属性（face、size、color） 文本字体、大小、颜色属性,主要是通过在font标签中设置face、size、color的值，设置文本的字体、大小和颜色。 案例3-13文本字体属性应用 3、hr标签的属性 在hr标签中，通过设置width和size属性，用来控制水平线的长度和宽度，默认情况下，水平线的宽度是100%，1像素的高度，在设置