第2章HTML基础总结.ppt

第2章 HTML基础 2.1 HTML概述2.2 HTML的标记2.3 文字修饰2.4 列表2.5 表格2.6 色彩2.7 超文本链接 第2章 HTML基础 2.1 HTML概述 2.1.1 HTML概述 HTML是Hyper Text Markup Language的缩写，意思是“超文本标识语言”，它实际上是专门用来编写网页的一种编程语言。大多数网页的构成基础就是HTML的语句。 HTML程序由文档头和正文两部分组成，基本结构如图2.1 HTML文档的基本结构 2.1 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 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.2 HTML的标记 2.3 文字修饰 一个网页大多由以下要素构成： 文字 图片 表格 动画 声音 …… 在这些元素中，文字是十分重要的 2.3.1 字号 可以采用多种方式设置文字的大小。不过设置文字的大小后，其效果会受到IE中选项的影响。 1. small和/small 2. big和/big 3. font size=n 4. basefont size=n 5. sub和/sub 6. sup和/sup 2.3 文字修饰 2.3.2 字体式样 b和/b I和/I u和/u strike和/strike 2.3 文字修饰 2.3.3 特殊标记 用 It 用 gt 用 amp “ 用 quot 2.3 文字修饰 2.4 列表 列表是一种条理化地排列信息的方法。它把内容一条条地水平排列显示，直观、清晰。而它也不同于表格，一般列表没有表格复杂。 列表标记使用的通用格式： 标记 条目标记1条目内容1 条目标记2条目内容2 条目标记3条目内容3 …… /标记 2.4 列表 常用列表标记： 1. dir和/dir 2. menu和/menu 3. ul和/ul 4.ol和/ol 2.5 表格 使用表格基本能实现对页面元素在浏览器中随心所欲的排版定位。 表格通常用来显示大量的、分类化的信息，具有表示清晰、明了的特点，使用十分广泛。 表格一般由以下几部分组成： 表格名称 表格栏 表中数据 这与其他软件（如WORD）中所说的表格十分相同 2.5 表格 2.5.1 table和/table 这是一对用来指明表格范围的标记 通常使用的格式如下： table 表格全部内容 /table 2.5 表格 2.5.1 table和/table 1. border属性 给表格加上边框线 一般用table border=n来设置有线表格的边框宽度。n是一个具体的数字，用来指定宽度的大小，单位是“像素”，默认为没有边框。当n为0时，也没有边框。 具体参见例2.8 2.5.1 table和/table 2. width属性 设置“有线表格”占整个页面的相对宽度 写法为table width=n。n是一个具体的数字，可以是一个百分数（如100%），也可以是一个具体的数值，单位是像素（如80，表示表格占80个像素单位的宽度） 3. height属性 设置“有线表格”占整个页面的相对高度 其用法与table width=n相似 使用相对方式来设置表格大小时，浏览器窗口大小的变化会影响到表格大小的变化。表格宽度、高度设置要合理，在视觉上要有美感。 4. cellspacing属性 设置有线表格的单元格线的宽度 用法为table cellspacing=n。n是一个具体的数值，单位是像素。 5. cellpaddeing属性 设置单元格线与数据之间的距离 用法为tabl