文本及文本属性.doc

网页中的文本及其属性

导入语：文本是表达最清晰的语言，在网页中也不例外。因此，我们在学习制作网页时，首先要添加的元素是文本。在网页制作中有多种文本，如文字、特殊符号、水平线、日期等。这些文本如在Word文档中相同，也有不同的样式、格式，因此我们在添加好文本之后，还应该学会设置它的元素。
主要内容：
网页中的文本
文本属性

2.1 网页文本
2.1.1 输入各种文本
1、 输入文本
方法一：直接输入法。将光标定位到要输入文本的位置，并根据情况切换输入法。

方法二：复制粘贴法。先在其他窗口中选取一些文本，复制，然后将光标定位到要输入文本的位置，粘贴。

方法三：导入已有的Word文档。将光标定位到要输入文本的位置，选择【文件】|【导入】|【Word文档】，这时导入的文本格式与Word中的相同。

2、 插入特殊符号
特殊字符不能从键盘直接输入。如图所示，【插入】|【文本】中提供以下特殊字符。

换行符：可以使两段落之间间距最小。
不换行空格：默认状态下，无法输入连续输入空格，用此方法可以输入。
其它不再赘述。
3、 插入水平线
水平线可以分隔页面内容。
插入方法：【插入】|【HTML】|【水平线】。

可在属性面板中设置参数，各参数含义如下：
参数名称
参数含义
水平线
定义水平线的名称，识别不同的水平线
宽和高
两种设置方法：一为像素；一为百分比。可以通过此设置，设置出垂直线。
对齐
相对于页面的对齐方式：默认、左对齐、右对齐和居中对齐
类
应用的CSS格式
阴影
为水平线添加阴影
还可以在代码视图中设置水平线的颜色。

步骤如下：
1） 击〈hr〉标签，切换到代码视图。
2） 光标插入标签各参数之间，按空格键，出现如上左视图，选择color ，后出现如上右视图，选择颜色。代码如下：
<hr align="center" width="800" color="#FFFF00" "size="2" id="hr1" />
4、 插入时间日期
插入方法：【插入】|【常用】|【日期】。
出现如下对话框，选择星期、日期、格式和是否要星期、日期；是否储存时自动更新。

2.1.2 创建段落与列表
1、创建段落
每输入一段文字，按回车键，已输入的文字便转换为段落。光标后再次输入文字自动生成一段文字。
将中文输入法切换为全角，按两次空格便成为一段。
2、创建项目符号
两种：一为项目符号（无序）；二为编号列表。
创建方法：【插入】|【文本】|【项目列表】（【编号列表】）
连续输入两个回车可以结束。
或先选择对象，再创建项目符号。
2.2 文本属性
2.2.1 设置字符属性
选择文本，【属性】面板显示相应的格式属性。各选项名称及功能如下：

格式：段落样式。标题1、段落等。
样式：可套用的类样式。
字体：文本所用字体。如无适用字体，可以使用【编辑字体列表】添加。
大小：字体大小。单位为像素。
文本颜色：文字颜色，也可直接输入十六进制。如#FFCC00。
粗体：将〈strong〉或〈b〉标签应用于文本，字体变粗。
斜体：使得文本倾斜。
链接：输入URL路径，使文字变为超级链接。
目标：有链接时使用，链接文件打开的位置。
2、设置段落格式
水平方向上的对齐格式，左对齐、居中对齐、右对齐。
缩进段落或凸出段落，可以执行若干次。
3、设置列表属性
可以设置如图列表属性。

列表类型：分为项目列表、编号列表、目录列表、菜单列表。
样式：项目符号的标识，如圆形、方形。
开始计数：对于编号列表的第一个数。
新建样式：其它样式。
重设计数：开始计数的第一个特定数。
只对特定的列表项目有用。
课堂练习：
见书2.5 制作诗歌目录
小结：
本节课主要学习在网页中添加文本和设置其属性，主要学习文字、水平线、不换行空格、换行符、日期、列表的插入及其属性。
作业：
书上P48一题1、2；二题1、2；三题1、2；四题1。