网页制作基础new.pptVIP

/ 56 * 4．文本(或图像)的布局 （1）居中对齐( P或Hn标记中使用align属性，或者使用CENTER标记 ) P align=”center”文本或图像/P 或 Hn align=”center”文本或图像/Hn （n=1,2,3,4,5,6） 或 CENTER文本或图像/CENTER （2）右对齐( P或Hn标记中使用align属性 ) P align=”right”文本或图像/P 或 Hn align=”right”文本或图像/Hn （3）左对齐( P或Hn标记中使用align属性 ) P align=”left”文本或图像/P 或 Hn align=”left”文本或图像/Hn （4）使用DIV标记 要在许多段落中设置对齐方式时，常使用DIV（层）标记。 　　 DIV align=”center”文本或图像/DIV 居中 　　DIV align=”left”文本或图像/DIV 左对齐 DIV align=”right”文本或图像/DIV 右对齐 / 56 * 1.3.3 网页中的图像使用 1. 网页中加入图像，使用IMG标记，src属性指示图像文件，格式如下： IMG src=”图像文件名” alt=”图像文本性说明” longdesc=”xxx.htm” 其中，“图像文件名”可以用绝对路径也可以用相对路径，文件可以是gif、jpg或png类型。 “图像文本性说明”用在不能显示图像的浏览器，或浏览器显示图像时间太长时先显示此文字内容。 “xxx.htm”指明关于图的详细说明以补充alt属性的简单说明。 2.图像的尺寸设定，使用IMG标记的width和height属性设定，格式为： IMG src=”图像文件名” width=x height=y 其中，x和y可以是像素值，也可以取百分数。例如， IMG src=”asd.gif” width=20 height=20 IMG src=”asd.gif” width=20% height=20% 周次 2 课次 1 课时 2 备注 课题 1.3 HTML语言简介(二) 目的 掌握部分HTML标记的功能与用法 重点 1.3 HTML语言简介(二) 难点 1.3 HTML语言简介(二) / 56 * 3.图像和文本布局 与文本布局一样，图文混排时，图文在垂直方向的对齐及相互间的左右位 置关系也使用align属性。格式为: 文本IMG src=”图像文件名” align=”位置参数”文本 其中，位置参数可以是：top(顶对齐)、middle(中央对齐)、bottom(底边 对齐)、left(图像在文本左边)和right(图像在文本右边)。 【例1.2】图像与文本混排。 H2 align=center图像和文本混排/H2 HR size=3 color=#FF00FF 文字与图像垂直方向中央对齐IMG src=p1.jpg width=135 height=75 align=middle；P 文字与图像垂直方向底部对齐IMG src= p1.jpg width=135 height=75 align=bottom；P 文字与图像垂直方向顶部对齐IMG src= p1.jpg width=135 height=75 align=top； / 56 * 1.3.4 网页中的列表使用 在网页中使用列表，可以清楚地看到定义顺序、信息排序及信息的相对重要性。HTML提供了丰富的列表元素，用于在HTML文档中建立列表。 列表中并列的信息(数据)称为项。项前可以添加符号或序号，也可以各项并列而不加任何记号。带序号的列表称为有序列表，带符号的列表称为无序列表，各项并列而不加任何记号的列表称为定义列表。 1.无序列表 建立无序列表可以使用标记UL和项目标记LI，格式为 UL LI项目 LI项目 … /UL 项目标记LI是一个单标记。 【例1.3】设定无序列表。 UL LIWWW LIBrowser LIHTML LIHome Page /UL 注：无序列表可以嵌套 / 56 * 2．有序列表