第2章制作文本网页.ppt

2.1 设置文本属性 2.1 设置文本属性 2.2 输入字符 2.2 输入字符 2.2 输入字符 2.2 输入字符 2.3 创建列表 2.3 创建列表 2.3 创建列表 2.3 创建列表 2.3 创建列表 2.3 创建列表 2.3 创建列表 2.3 创建列表 2.4 处理文本的HTML标记 2.4 处理文本的HTML标记 2.4 处理文本的HTML标记 2.4 处理文本的HTML标记 2.4 处理文本的HTML标记 2.5 其他文本操作 2.4 处理文本的HTML标记 2.4 处理文本的HTML标记 2.5 其他文本操作 2.6 上机实验 2.6 上机实验 2.6 上机实验 * 网页制作实例教程（第3版） 主编：潘明寒 网页制作实例教程 (第3版) ——制作文本网页（第2章） 1，文本输入 2，文本属性 3，文本列表 4，滚动文字 本章要点： 2.1.1 文本属性面板（HTML） 2.1.2 文本属性面板（CSS） 2.1.3 格式菜单 2.2.2 输入特殊字符 1，直接输入 2，粘贴 3，导入 2.2.1 输入普通字符 2.2.3 插入水平线 1，水平线属性面板 2，设置水平线颜色 3，水平线标记 hr align=center width=50% size=5 noshade=noshade color=red 例2-4 插入水平线 2.2.4 文字的查找和替换 2.3.1 项目列表 2，项目列表的HTML标记 1，建立项目列表 ul type=项目符号 li列表项1/li li列表项2/li 　　　…… li列表项n/li /ul 例2-5 将已有的文本转为项目列表 4． 项目列表的HTML标记 3．项目列表属性设置 ul type=disc li人生最可贵的品格是诚实/li li人生最大的财富是健康/li li人生最大的敌人是自己/li li人生最大的破产是绝望/li li人生最大的悲哀是嫉妒/li li人生最大的错误是自弃/li /ul 2.3.2 编号列表 2，编号列表的HTML标记 1，设置编号列表属性 ol type=编号样式 start=起始编号 li列表项1/li 　　li列表项2/li 　　　…… li列表项n/li /ol 例2-6 项目列表转为编号列表 ol start=1 type=1 li人生最可贵的品格是诚实/li li人生最大的财富是健康/li li人生最大的敌人是自己/li li人生最大的破产是绝望/li li人生最大的悲哀是嫉妒/li li人生最大的错误是自弃/li /ol 2.3.3 定义列表 2，定义列表的HTML标记 1，定义列表类似于字典样式 ，对每个列表项给出说明文字。 dl dt列表项1/dt dd列表项1的说明/dd dt列表项2/dt dd列表项2的说明/dd …… dt列表项n/dt dd列表项n的说明/dd /dl 2.3.4 嵌套列表 嵌套列表是包含其他列表的列表，通常在项目列表与编号列表之间嵌套。在列表中将部分文字缩进，使已有列表项与缩进的列表项成为上下级关系。 ul li格言1 ol li人生最可贵的品格是诚实/li li人生最大的财富是健康/li li人生最大的敌人是自己/li /ol /li li格言2 ol li人生最大的破产是绝望/li li人生最大的悲哀是嫉妒/li li人生最大的错误是自弃/li /ol /li /ul 2.4.1 在body标记中定义文本 在body标记中可以定义文本颜色和文本大小等属性，这些属性类似于默认值。网页文本默认颜色用body标记的text属性设置。 body text=#FF0000 body text=red 2.4.2 换行标记、段落标记、块标记 1．换行标记br，是单标记，另起一行，换行以后两行之间距离很近。 2．段落标记p，是双标记， 另起一段，两段落之间会有一点距离。 可以在标记中添加align属性，定义段落在浏览器窗口的位置，属性取值有left（左对齐）、center（居中对齐）、right（右对齐），默认值为left。 3. 块标记div，是双标记，把文档分割为独立的部分。 可以在标记中添加a