本文通过三个案例介绍了HTML的基础知识，包括文档格式、标记属性的使用和插入特殊字符。案例详细展示了如何创建简单的HTML页面，设置文本样式以及插入特殊字符，帮助初学者掌握HTML基本技能。建议结合CSS进行更丰富的页面样式设计。
博学谷——让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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
