第2篇_HTML基础.ppt

第2章 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文件。生成文件的扩展名是.htm或.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.2.2 几个最常用的标记 4. body和/body用来包含网页的文本内容。 2.2.2 几个最常用的标记 6. br单个的标记，其作用是换行显示。 2.3 文字修饰 一个网页大多由以下要素构成：文字、图片、表格、动画及声音。在这些元素中，文字是十分重要的。下面我们就逐一讲述涉及文字的标记。 2.3.1 字号 可以采用多种方式设置文字的大小。不过设置文字的大小后，其效果会受到IE中选项的影响。 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.1 字号 1. small和/small以小一些的字号显示 2.3.1 字号 4. basefont size=n用来设置文字的默认大小。 2.3.2字体式样 1. b和/b使放在中间的文字以粗体显示。 2.3.3 特殊标记 用 It 用 gt 用 amp “ 用 quot 2.4 列表 列表是一种条理化地排列信息的方法。它把内容一条条地水平排列显示，直观、清晰。而它也不同于表格，一般列表没有表格复杂。 列表标记使用的通用格式 标记 li条目内容1 li条目内容2 li条目内容3 …… /标记 列表标记使用的通用格式 1. dir和/dir其间包含以列表方式显示，并在每个条目前加上一个标记。 列表标记使用的通用格式 列表标记使用的通用格式 列表标记使用的通用格式 2.5 表格 使用表格基本能实现对页面元素在浏览器中随心所欲的排版定位。表格通常用来显示大量的、分类化的信息，具有表示清晰、明了的特点，使用十分广泛。 表格一般由以下几部分组成：表格名称、表格栏及表中数据。这与其他软件（如WORD）中所说的表格十分相同。 2.5.1 table/table 这是一对用来指明表格范围的标记。通常使用的格式如下： table 表格全部内容 /table width属性 这一属性可以用来设置“有线表格”占整个页面的相对宽度，写法为table width=n。n是一个具体的数字，可以是一个百分数（如100%），也可以是一个具体的数值，单位是像素（如80，表示表格占80个像素单位的宽度）。 width属性 height属性 这一属性可以用来设置“有线表格”占整个页面的相对高度。其用法与table width=n相似。 使用相对方式来设置表格大小时，浏览器窗口大小的变化会影响到表格大小的变化。表格宽度、高度设置要合理，在视觉上要有美感。 height属性 cellspacing属性 这一属性可以用来设置有线表格的单元格线的宽度，用法为table cellspacing=n。n是一个具体的数值，单位是像素。 cellpddeing 这一属性可以用来设置单元格线与数据之间的距离，用法为table cellpddeing=n。n是一个具体的数值，单位是像素。默认值为1。 caption和/caption 这是一对用来指明表格标题的标记。通常使用的格式如下： caption 表格标题内容 /caption tr和/tr 这对