web基础教程之HTML篇v1.0.ppt

HTML表格 总结：表格在页面上最主要的作用其实不是绘制实际中使用的表格，更多情况下是为了使用页面看起来更规整，而将页面各部分放置到表格中 发展情况：表格已经逐渐被淘汰 div+css已经成为主流。 HTML列表 无序列表： 无序列表是一个项目的序列。 各项目前加有标记：通常是黑色的实心小圆圈 无序列表以ul标签开始。 每个列表项目以li开始。 例子：ulexample.html HTML列表 有序列表 有序列表也是一个项目的序列。 各项目前加有数字作标记。 有序列表以ol标签开始。 每个列表项目以li开始。 属性type可以指定为A、a、1、i、I 例子：olexample.html HTML列表 自定义列表 自定义列表不是一个项目的序列，它是一系列条目和它们的解释。 自定义列表以dl标签开始，自定义列表条目以dt开始，自定义列表的释义以dd开始。 例子：dlexample.html 总结：列表在我们后面的div+css布局会经常用到，所以大家认真对待！ HTML框架 框架（frameset）用于分割窗口，也就是浏览器在显示页面时分成几部分，每部分由独立的页面显示，如图 HTML框架 加入框架的页面不需要body元素，使用frameset 框架结构标签（frameset）定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积 HTML框架 左右分(垂直分栏)： frameset cols=“20%,30%,50%” 　frame srcframe src frame src /frameset 上下分(水平分栏)： 　frameset rows=“20%,30%,50%” 　 frame srcframe src frame src /frameset 例子：frameset1.html～frameset4.html HTML框架 noframe用法 当浏览器不支持框架时，显示提示信息 noframe请换有支持Frame功能的浏览器/noframe iframe用法 iframe src=test0.html width=420 height=330 frameborder=1 name=“ss scrolling=YES /iframe 不需要一个单独的页面存放框架.灵活性好. * * * * * 演示第一个文档：first.html 头元素包含关于文档的概要信息，也称为元信息（meta-information）。Meta 意为“关于某方面的信息”。 可以这么说，元数据（meta-data）是关于数据的信息，而元信息是关于信息的信息。 通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用 base 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。 meta页面元信息中 keywords 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。 在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 -//W3C//DTD XHTML 1.0 Strict//EN 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。 * _blank - 在一个新的未命名的窗口载入文档 _self - 在相同的框架或窗口中载入目标文档 _parent - 把文档载入父窗口或包含了超链接引用的框架的框架集 _top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架 * * input type=“text” Size = “number” maxlenght = “number” / 注意：大部分浏览器中，文本框的宽度默认是20个字符 Checked属性的特殊性 注意：单选按钮的名称必须相同，否则不能控制单选特性 checkbox 注意：复选框与单选框很大的不同就是name属性不同，且复选框不要求有value属性 * 为不支持框架的浏览器添加 noframes 标签。 不能将 body/body 标签与 frameset/frameset 标签同时使用！不过，假如你添加包含一段文本的 noframes 标签，就必须将这段文字嵌套于 body/body 标签内。（在下面的第一个实例中，可以查看它是如何实现的。） L o g o 课程名称 web 基础课程(ht