上机实战
——用水平线分隔文字

本例效果如图1-29所示。

效果展示

思路分析

可以使用记事本文档编写最基本的HTML代码，然后在＜body＞…＜/body＞标签对之间添加文字，使用水平线标签＜hr＞分割文字，最后另存为HTML文件即可。

制作步骤

步骤01 打开记事本文档，在“记事本”中输入HTML基本代码，如图1-30所示。

步骤02 在＜body＞…＜/body＞标签对之间输入文字并添加水平线标签＜hr＞，完整代码如图1-31所示。

步骤03 在“记事本”文件中执行“文件＞另存为”命令，打开“另存为”对话框，在“保存类型”下拉列表中选择“所有文件”，然后在“文件名”文本框中输入文件名及扩展名“用水平线分隔文字．html”，如图1-32所示。

步骤04 使用浏览器打开网页，即可查看效果。