博学谷——让IT教学更简单，让IT学习更有效

PAGE 16

第2章 补充案例

【案例2-1】 入门案例

一、案例描述

考核知识点

HTML文档基本格式

练习目标

初步了解HTML文档基本格式。

能够运用HTML文档基本格式制作简单的页面。

需求分析

学习任何一门语言，都要首先掌握它的基本格式，HTML标记语言也不例外。要想制作丰富多彩的HTML网页，首先需要掌握HTML文档的基本格式。本案例通过编写一个简单的HTML网页，使初学者更好地理解HTML文档的基本格式。

案例分析

效果如图2-1所示。

入门案例效果

具体实现步骤如下：

新建Dreamweaver默认文档。

在

标记中添加网页标题。

在

标记中添加两个段落。

二、案例实现

新建HTML页面，具体代码如下：

/p>

"/TR/xhtml1/DTD/xhtml1-transitional.dtd">

入门案例

吾生也有涯

而知也无涯

保存后，在火狐浏览器中预览，效果如图2-2所示。

入门案例效果

注意：

上述案例是一个基本的html基本结构，在此结构的基础上可以再增加更多的样式和内容来充实网页。

【案例2-2】 标记的应用

一、案例描述

考核知识点

标记的属性

练习目标

理解标记的属性。

掌握标记的使用方法。

需求分析

为了使网页中的文本呈现出丰富的样式，就需要设置文本的字体、字号大小、字体颜色等，这时就用到了标记。本案例通过给标记添加属性，来实现丰富的文本样式。

案例分析

效果如图2-3所示。

标记的应用效果

具体实现步骤如下：

在页面主体

中添加一段文本。

使用标记包围需要特殊显示的文本。

对标记应用属性。

二、案例实现

新建HMTL文件，具体代码如下：

/p>

"/TR/xhtml1/DTD/xhtml1-transitional.dtd">

标记的应用

传智播客java就业班.net就业班 网页平面就业班php就业班

保存后，在火狐浏览器中预览，效果如图2-4所示。

标记的应用效果

注意：

实际制作网页时，不建议使用标记，常使用CSS样式代替来定义文本的字体、大小和颜色。

【案例2-3】 如何插入特殊字符

一、案例描述

考核知识点

特殊字符标记

练习目标

掌握常用特殊字符标记的使用。

需求分析

制作网页时，为了让数学符号、版权信息等符号正常显示，就需要了解插入特殊字符的方法。本案例将通过插入特殊字符的方法在页面输出各种各样的特殊字符。

案例分析

效果如图2-5所示。

如何插入特殊字符效果

具体实现步骤如下：

在Dreamweaver默认文档中添加5个段落。

在每个段落中分别使用不同的代码插入相应的特殊字符。

二、案例实现

新建HTML页面，代码如下：

/p>

"/TR/xhtml1/DTD/xhtml1-transitional.dtd">

特殊字符

我是特殊字符空      &nb