HTML网页设计基础知识学习.ppt

2.网页的基本元素 3）TD标记 TD为列定义标记，表格的数据写在列TD和/TD之间。TD标记的属性主要如下： bgcolor – 设定背景色。 align=”left|right|center” – 定义表数据项水平对齐方式。 bodercolordark=”颜色值” – 定义表格单元边框的颜色。 width=“n | n%” – 设定表格单元的宽度。 height=”n” – 设定表格单元的高度。 实例 * 第三十页，编辑于星期三：一点 二分。 2.网页的基本元素 2.表题 表题是表格的内容声明。HTML使用标记CAPTION给表格添加表题，并使用align属性定义表题的位置。格式为： TABLE CAPTION align=”top | bottom | left | right”表题/CAPTION /TABLE 其属性值如下： top -- 表题放在表的上部 bottom -- 表题放在表的下部 left -- 表题放在表上部的左侧 right -- 表题放在表上部的右侧 * 第三十一页，编辑于星期三：一点 二分。 2.网页的基本元素 3.表头 使用标记TH可以在表的第1行或第1列加表头。表头写在开始标记TH和结束标记/TH之间，并用醒目的粗体字显示。 在表的第1行加表头的格式为： TABLE border TRTH表头1/THTH表头 2/THTH表头3/TH TRTD表项1/TDTD表项2/TDTD表项3/TD TRTD表项4/TDTD表项5/TDTD表项6/TD /TABLE * 第三十二页，编辑于星期三：一点 二分。 2.网页的基本元素 在表的第1列加表头的格式为： TABLE border TRTH表头1/THTD表项1/TDTD表项2/TD TRTH表头2/THTD表项3/TDTD表项4/TD TRTH表头3/THTD表项5/TDTD表项6/TD /TABLE * 第三十三页，编辑于星期三：一点 二分。 2.网页的基本元素 4.表格边框 在TABLE标记内附加frame、rules和border属性可以生成各种表格边框单元线。 TABLE frame=”边框参数” rules=”格线参数” border=”像素” 内容 /TABLE 1）frame属性值 * 第三十四页，编辑于星期三：一点 二分。 2.网页的基本元素 2）rules属性值 none – 无格线。 groups – 仅在行组和列组间有格线。 rows – 仅有行间格线。 cols – 仅有列间格线。 all – 有行和列格线。 3）border=”像素” 设定边框宽度。例如，表格边框仅有行线时为 TABLE border=”2” frame=”box” rules=”rows” * 第三十五页，编辑于星期三：一点 二分。 2.网页的基本元素 5. 表格修饰 HTML提供了配置表格元素背景色的功能，并可以设定表项数据的颜色。 设定表格背景色的方法是使用bgcolor属性，格式分别为： TABLE bgcolor=”颜色值”设定表格背景色 TR bgcolor=”颜色值”设定表格中一行的背景色 TD bgcolor=”颜色值”设定表格中一个单元格的背景色 在标记TABLE中，可以使用background属性设置表格的背景图像，格式为background=”图像文件名” 。 * 第三十六页，编辑于星期三：一点 二分。 2.网页的基本元素 表格综合实例 * 第三十七页，编辑于星期三：一点 二分。 ３.窗口框架 3.1 窗口框架简介 3.1.1 什么是窗口框架 窗口框架可用于将窗口画面分割成多个小窗口，且每个小窗口中，可以显示不同的网页，达到在浏览器中同时浏览不同网页的效果。另外各窗口还可以扮演不同的功能。 3.1.2 窗口框架的基本结构 窗口框架的建立语法 Frameset Frame … … /Frameset 其中：Frameset标记用于定义一个窗口框架组件，而Frame标记则用于定义窗口框架中的子窗口组件。 * 第三十八页，编辑于星期三：一点 二分。 ３.窗口框架 3.2 窗口框架的控制 3.2.1 窗口的水平分割（Rows属性） Frameset rows=“高度1,高度2,….,*” Frame … /Frameset 设置给rows属性的字符串，代表各分割子窗口的高度，第一个子窗口高度为高度1，依此类推，而最后一个*，则代表最后一个子窗口的高度，为其他子窗口高度分配后所剩余的高度。 例如：Frameset rows=“100,200,*” Frameset rows=“20%,50%,*” * 第三十九页，编辑于星期三：一点 二分。