第2章HTML语言基础..ppt

2.6 表格 基本表格举例。 html body h4横跨两列的单元格：/h4 table border=1 cellspacing=5 cellpadding=5 caption联系电话/caption …… /table h4横跨两行的单元格：/h4 table border=1 …… /body/html 2.6 表格 6．表格背景色和背景图 在table标记符中用属性bgcolor设置表格背景色，用属性background设置表格背景图片。 表格背景色与背景图 …… table border=1 bgcolor=red …… table border=1 background=2.jpg …… 2.6 表格 7．对齐方式 表格或单元格内容在水平方向上的对齐方式有三种,用属性align设置。 例如： table align=left|center|right td align=“left|center|right” 单元格内容在垂直方向上的对齐方式有三种，用属性valign设置。 例如： td valign=“top|middle|bottom” 2.7 HTML 列表 有序列表 有序列表是一个项目的列表，列表项目使用数字进行标记。有序列表始于ol 标签。每个列表项始于li 标签。 不同项目标记使用type属性指定，例如右图中的标记值依次是默认值，“A”, “a”, “I”和“i”。 2.7 HTML 列表 无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于ul 标签。每个列表项始于 li。 不同项目标记使用type属性指定，例如右图中的标记值依次是“disc”, “circle”和 “square”。 2.8 图像 图像的使用 1．源属性（src） 源属性的值是图像的 URL 地址。 定义图像的语法是：img src=url 2．替换文本属性（Alt） alt 属性用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时，浏览器将显示这个替代性的文本而不是图像。 例如：img src=boat.gif alt=Big Boat 2.8 图像 图像的基本用法 html body p一幅图像： img src=eg_mouse.jpg width=128 height=128 alt=mouse/p /body /html 3．文字和图像混排 图像旁边的文字与图像在垂直方向上的位置有三种：文字在图片的顶部、中部和底部。bottom 对齐方式是默认的对齐方式。 使用img的align属性定义文字与 图像的对齐位置，包含“bottom”， “middle”，“top”三种取值。 2.8 图像 2.9 框架 框架的概念 框架是一种页面布局方式,它将浏览器窗口按照功能分割成若干个窗口，每个窗口加载各自的HTML页面，这样可以在一个浏览器窗口中浏览不同的页面。 框架集网页的结构如下： frameset frame src=url frame src=url /frameset 2.9 框架 frameset标记符 frameset在框架中的地位就相当于body中普通单窗口页面中的地位。 语法如下： frameset cols=n row=n frameborder=yes|no|1|0 border=n bordercolor=#n framespacing=n 2.9 框架 frame标记符 frameset用于分割窗口,而frame标记用在frameset标记当中，定义了放置在每个框架中的 HTML 文档。 语法如下： frame name=framename scr=url noresize scrolling=yes/no/auto frameborder=yes/no bordercolor=#n marginheight=n marginwidth=n 2.9 框架 frame的常用属性如下： (1) name属性： 用来为每个框架文档设置名称，通过name属性和相应的链接文件，可以指定在哪个窗口打开文档。 (2) src属性 用于指定框架文档的来源，值是一个框架文件的URL地址。 (3) scrolling属性 用来确定框架窗口是否出现滚动条。