【创意版】HTML网页设计基础知识学习.pptVIP

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%,*” 演示课件 ３.窗口框架 3.2.2 窗口的垂直分割（Cols属性） Frameset Cols=“宽度1,宽度2,….,*” Frame … /Frameset 3.2.3 嵌套窗口框架 一个窗口框架还包含了另一个窗口框架 Frameset ….. …. Frameset ….. … /Frameset /Frameset 演示课件 ３.窗口框架 3.2.4 窗口框架的宽度（Border属性） Frameset border=n n为一整数，代表此窗口框架的宽度，单位为像素。 3.2.5 框架的隐藏（Frameborder属性） Frameborder属性用于控制窗口框架四周，是否显示框架。此属性可使用在Frameset标记与Frame标记中，使用在Frameset标记内时，可控制窗口框架的所有子窗口。使用在Frame标记时，则仅能控制该标记所代表的子窗口。 Frameset frameborder=0或1 0代表不显示框线，1代表显示框线。 实例 演示课件 ３.窗口框架 3.3 子窗口的设置 3.3.1 指定子窗口显示网页（SRC属性） Src属性是用于指定要导入到某子窗口的HTML文件的位置。 Frame src=“HTML文件的位置” 3.3.2 定义子窗口名称（Name属性） Name属性是用来指定窗口的名称，当完成定义子窗口的名称后，便可在超链接中，指定显示网页的子窗口。 Frame name=“子窗口名称” 3.3.3 控制框架滚动条（Scrolling属性） Frame Scrolling=yes 或 no 或 auto 演示课件 ３.窗口框架 3.3.4 子窗口大小的调整（NoResize属性） 若不能随意更改子窗口的大小，可在Frame标记中，设置NoResize属性。 3.4 超链接Target属性与框架的应用 3.4.1 网页显示子窗口（Target属性） 如何实现各窗口不同功能？ 运用A标记的target属性，指定显示链接网页的子窗口。 A href=“显示网页“ target=“子窗口名称” 实例 演示课件 1.HTML概述 3）标记的表示方法 HTML的标记有下列3种表示方法： a）标记名文本/标记名 b）标记名 属性名1=”值1” 属性名2=”值2” …文本/标记名 c）标记名：仅用于一些特殊的标记。例如，BR表示强制换行，它没有与之对应的/BR。 4）标记的属性 属性是用来修饰说明标记的，放在开始标记内。例如颜色、对齐方式、高度和宽度等。各属性间以空格分隔。 演示课件 1.HTML概述 标记的常用属性如下：