Internet 实用教程 作者 张强华 吕新平 第九章.pptVIP

第9章 HTML的使用 9.1 HTML基础 9.2 HTML的标识 9.3 文字修饰 9.5 表格 9.6 色彩 9.1 HTML基础 9.1.1 HTML概述 下面例1中就显示了一个HTML文件及其对应的主页（经IE解释后显示的效果如图9-1所示）。 9.1.2 如何编写一个HTML文件 9.1.3 HTML文件的调试 一个HTML文件编写完毕后，其执行效果到底如何，应在浏览器中查看一下。 【例1】编写如下内容的、名为ex-1.html的HTML文件： html head title第二章 网页语言HTML的使用/title /head body HTML是Hyper Text Markup Language的缩写，意思是“超文本标识语言”。它实际上是专门用来编写网页的一种编成语言。大多数网页的构成基础就是HTML的语句。 /body /html 我们可以在Windows所带的“记事本”中输入、编辑并保存此文件（保存时文件名要有html的扩展名，并选择“所有文件”格式来保存。）然后，双击此文件图标，则系统自动用IE打开此文件，如图9-1所示。 9.2 HTML的标识 9.2.1 标识的一般特性 9.2.2 几个最常用的标识 1. html和/html 2. head和/head 3. title和/title 4. body和/body 5. hn和/hn 【例2】ex-2.html文件的内容如下： html head title这是网页标题/title /head body h1 1级子标题内容 /h1 h2 2级子标题内容 /h2 h3 3级子标题内容 /h3 h4 4级子标题内容 /h4 h5 5级子标题内容 /h5 h6 6级子标题内容 /h6 这是正文 /body /html 其执行结果如图9-2所示。 2．6 br 2．7 hr 【例3】ex-3.html文件的内容如下： html head title这是网页标题/title /head body 回乡偶书 hr 少小离家老大回，br 乡音未改鬓毛衰。br 儿童相见不相识，br 笑问客从何处来。br /body /html 其执行结果如图9-3所示。 9.3 文字修饰 9.3.1 字号 我们可以采用多种方式设置文字的大小。不过我们设置文字的大小后，其效果会受到IE中“查看?文字大小”中选项的影响。如图9-4所示是“文字大小”设置为“中”时显示的效果。 当我们把“文字大小”设置为“大”时，显示效果如图9-5所示： 1. small和/small 把文字以小一些的字号显示，默认的字号为“中”。具体效果参看“例4”。 2. big和/big 3. font size=n 4. basefont size=n 【例4】ex-4.html文件的内容如下： html head title这是网页标题/title /head body 正常字号small 小号字/smallbig 大号字/bigbr font size=1 1号字font size=2 2号字font size=3 3号字font size=4 4号字font size=5 5号字font size=6 6号字brfont size=7 7号字br font size=-5相对小5号 font size=+2 相对大2号 /body /html 其执行结果如图9-6所示。 9.3.2 字体式样 1. b和/b 2. I和/I 3．u和/u 4．strike和/strike 5．sub和/sub 6. sup和/sup 3. 特殊标识 【例5】ex-5.html文件的内容如下： html head title这是网页标题/title /head body b粗体/bbr i斜体/ibr u下划线/ubr strike加上删除线显示的文字/strikebr 正常文字sub下标形式显示的文字/subbr 正常文字sup上标形式显示的文字/supbr 小于号ltbr 大于号gtbr /body /html 其执行结果如图9-7所示。 9.4.1 dir和/dir 9.4.2 menu和/menu 9.4.3 UL与/UL 9.4.4 OL与/OL 1. OL type=f 2. OL start=n n是一个数字，表示重新定义的起始号。这样一来，序号的起始号可以指定。 【例6】ex-6.html文件内容如下：