XML实用教程_第2节_HTML基础.ppt

 XML实用教程  丁跃潮　张涛　叶文来 刘韵华 程旭曼 丁潇 张天桥 第2章 HTML基础 概述 教学提示：Web页面可采用超文本标识语言（HTML）创作，它允许将常规的文本与一些用来描述文本的标记混合使用。这些标记的主要功能是Web中文本的显示外观、版面布局和主体的描述。在做网页的时候，有经验的程序员经常是分两步走：首先使用一些常用的网页制作工具做成网页的原型，然后再修改其HTML代码。HTML代码不区分大小写，只要能够编辑文本的任何编辑器都可以用于编写HTML代码。 教学目标：了解网页设计的基本概念及HTML的基本知识，掌握HTML文档的基本结构，熟悉常用HTML元素标记功能及使用方法。掌握格式化网页文本的常用方法，熟悉在网页中链接语句使用方法。 2.1 HTML概述2.2 HTML的标记2.3 文字修饰2.4 列表2.5 表格2.6 色彩2.7 超文本链接 2.1.1 HTML概述 HTML是Hyper Text Markup Language的缩写，意思是“超文本标识语言”，它实际上是专门用来编写网页的一种编程语言。大多数网页的构成基础就是HTML的语句。 HTML文档的基本结构 2.1.2 如何编写一个HTML文件 HTML文件是一个ASCII格式的文件。它可以在任何一种可以编辑ASCII文件的编辑器中编辑（如果HTML文件中包含汉字，则要在支持汉字的编辑器中编辑）。我们通常可以用Windows中的“记事本”和“写字板”、字处理软件“Word”等来编辑HTML文件。 2.1.3 HTML文件的调试 html head title第二章 HTML基础/title /head body HTML是Hyper Text Markup Language的缩写，意思是“超文本标识语言”。它实际上是专门用来编写网页的一种编成语言。大多数网页的构成基础就是HTML的语句。 /body /html 2.2.1 标记的一般特性 一个HTML文件中由两大类元素组成： 一是标记 二是标记的作用对象（如文字、图形等） 2.2.2 几个最常用的标记 1. html和/html 2. head和/head 3. title和/title 4. body和/body 5. hn和/hn 6. br 7. hr 2.3 文字修饰 一个网页大多由以下要素构成：文字、图片、表格、动画及声音。在这些元素中，文字是十分重要的。下面我们就逐一讲述涉及文字的标记。 2.3.1 字号 可以采用多种方式设置文字的大小。不过设置文字的大小后，其效果会受到IE中选项的影响。 2.3.1 字号 2.3.1 字号 1. small和/small 2. big和/big 3. font size=n 4. basefont size=n 5. sub和/sub 6. sup和/sup 2.3.2字体式样 1. b和/b 2. I和/I 3. u和/u 4. strike和/strike 2.3.3 特殊标记 用 It 用 gt 用 amp “ 用 quot 2.4 列表 列表是一种条理化地排列信息的方法。它把内容一条条地水平排列显示，直观、清晰。而它也不同于表格，一般列表没有表格复杂。 列表标记使用的通用格式 标记 条目标记1条目内容1 条目标记2条目内容2 条目标记3条目内容3 …… /标记 列表标记使用的通用格式 1. dir和/dir 2. menu和/menu 3. UL和/UL 2.5 表格 使用表格基本能实现对页面元素在浏览器中随心所欲的排版定位。表格通常用来显示大量的、分类化的信息，具有表示清晰、明了的特点，使用十分广泛。 表格一般由以下几部分组成：表格名称、表格栏及表中数据。这与其他软件（如WORD）中所说的表格十分相同。 2.5.1 table/table 这是一对用来指明表格范围的标记。通常使用的格式如下： table 表格全部内容 /table width属性 这一属性可以用来设置“有线表格”占整个页面的相对宽度，写法为table width=n。n是一个具体的数字，可以是一个百分数（如100%），也可以是一个具体的数值，单位是像素（如80，表示表格占80个像素单位的宽度）。 height属性 这一属性可以用来设置“有线表格”占整个页面的相对高度。其用法与table width=n相似。 使用相对方式来设置表格大小时，浏览器窗口大小的变化会影响到表格大小的变化。表格宽度、高度设置要合理，在视觉上要有美感。 cellspacing属性 这一属性可以用来设置有线表格的单元格线的宽度