商务网页第4课.ppt

3.2.4 设置文本段落 因为HTML文档是纯文本，会忽略空白符。如果不使用段落标签，文档就会连续显示，效果不好。要想保证正常的分段换行的话，必须指出哪些文字是属于同一段落的，这时就要使用段落标签(虽然使用换行符br也给起到换行的作用，但建议使用段落标签设置段落，更加易于阅读和整体显示控制)。 使用段落标签后，浏览器会自动地在段落的前后添加空行。 设置文本段落必须使用段落标签p及其align属性，其设置方法为 p align=属性值文档段落实例/p 其中，align水平对齐属性值有left、center、right、justify。 以下是设置文本段落的代码示例： html head title段落标签示例/title /head body p align=left 第1段：因为HTML文档是纯文本，会忽略空白符。如果不使用段落标签，文档就会连续显示，效果不好。要想保证正常的分段换行的话，必须指出哪些文字是属于同一段落的，这时就要使用段落标签。 /p p align=center 第2段：使用段落标签后，浏览器会自动地在段落的前后添加空行。 /p /body /html 3.2.5 设置文本列表 文本列表分为无序列表和有序列表。无序列表是指列表没有数字标识顺序的，常在列表项的前面使用“●、○、□”等符号增强显示效果；而有序条列就是指各列表项之间是有数字标识顺序的，比如1、2、3…… 1．设置无序列表 设置无序列表使用列表标签ul、列表项标签li及其type属性，设置方法为： ul li type=属性值列表项实例1/li li type=属性值列表项实例2/li ...... /ul type属性有3个数值可选：disc（实心圆）、circle（空心圆）、square（小方块）。默认属性是disc实心圆。 html head title无序列表设置/title /head body ul 　　 li默认无序列表效果/li 　　 li type=disc设置type=disc（默认）效果/li 　　 li type=circle设置type=circle效果/li 　　 li type=square设置type=square效果/li /ul /body /html 2．设置有序列表 设置有序列表需要使用列表标签ol及其type和start属性，以及列表项标签li及其value属性（强制指定序号），设置方法为 ol type=属性值1 start=属性值2 li列表项实例1/li li列表项实例2/li li value=“属性值”列表项实例3/li ...... /ol 其中，type属性指定有序列表项的符号的类型，如用英文字母编号、数字编号等。start属性指定列表项开始的数值。如start=2则编号从2开始编号，如果从1开始可以省略start。 有序列表type的属性及其含义如表3.15所示。 表3.15 有序列表type的属性及其含义 属性值 含义描述 1 指定列表项用小写阿拉伯数字编号（如：1、2、3） a 指定列表项用小写英文字母编号（如：a、b、c） A 指定列表项用大写英文字母编号（如：A、B、C） i 指定列表项用小写罗马数字编号（如：i、ii、iii） I 指定列表项用大写罗马数字编号（如：I、II、III） html head title有序列表设置/title /head body ol li默认有序列表效果/li li默认有序列表效果/li li默认有序列表效果/li /ol ol type=A start=3 li列表一/li li列表二/li li列表三/li li value= 9列表四/li /ol ol type= i start=1 li列表一/li li列表二/li li列表三/li /ol /body /html 3.2.6 制作文本网页综合范例 前面我们已经学习了关于文本设置的方式方法，如何才能活学活用这些方法呢？需要大家根据网页的实际需求，合理编排设计，并制作出美观的网页。 页面分析： “第 3 章网页制作技术”应当为一级标题，绿色字、宋体、粗体、字的大小为6，位于中央。 “第 1 节网页基础知识”应当为二级标题，蓝色字、幼圆、粗体、字的大小为5，位于中央。其