HTML文档结构.ppt

HTML文档结构 标记及其属性 标记 主要用于组织文件的内容和控制文件的输出格式，告诉浏览器Web页面的显示方式。多数是双标记。少数是单标记。 标记的属性 属性必须在起始标记内注明，一个标记可包含多个属性，各属性之间用空格分隔。 h1 align=“center”HTML语言/h1 特殊字符 输入特殊字符的时候，要用一种特殊代码，保持不同计算机之间的兼容 amp—”” lt—”” gt—”” nbsp—” “ 文档结构 HTML文件是标准的ASCII文件。 从结构上讲，HTML文件由元素组成。 元素有起始标记和结束标记。 中间部分是元素体。 一个元素中可以包含另外的元素。 HTML文档的标准格式由三部分组成html…/html HTML信息部分：可选部分 HTML文档头部分：head…/head HTML文档体部分：body…/body HTML元素 文档结构元素 html…/html 作用是通知客户端浏览器这是一个HTML文档，需要浏览器用HTML格式解释它，直到遇见文件尾部的/html。 head…/head 文档的起始部分。主要用来描述文档的一些基本性质，一般不会被当成网页的主体显示在浏览器中。 body…body 可以在浏览器中显示出来。 body标记 头部元素 标题title…/title 描述网页的特色或主题 meta 用来说明与文档有关的信息 meta http-equiv=“refresh” content=“2”，见l3.asp 标题、段落与层次块 标题hn…/hn 用来设置h1~h6不同层次的标题，数字越小，字体越大 hn align=“left/center/right”…/hn 段落p…/p 表示一个段落，浏览器遇到p会自动加一空行，并从下一行开始。可去掉/p。 p align=“left/center/right”…/p 块引用blockquote…/ blockquote 将引用的文字块内容进行缩进编排，使屏幕显示单独的一块，以突出引用文字的效果，通常在引用文本块上下各有一空行。 预格式pre…/pre 以固定宽度的字体显示预格式化文本，使文本块按照文件中的排列方式显示，并保留在原始码中输入的空白、制表位及回车换行。 分区div…/div 用来为HTML文档内大块的内容提供结构和背景的元素。DIV的起始标签与结束标签之间的所有内容都是用来构成这个块的，其中包括元素的特性由DIV属性控制。 div align=“left/center/right”…/div 列表元素（分为无序列表、有序列表和定义列表） 无序列表ulli..li../ul li type=“disc/cicle/square”… 有序列表olli..li../ol li type=“类型” start=“起始序号” value=“当前序号”... 定义列表 dl dt dd /dl 字符格式元素 font…/font 用来设置字符的大小、颜色和字型 字体样式 表格元素 作用：一个好的网页都是由许多表格组成 表格化数据 设计页面分栏 定位页面上的文本和图像 基本元素 table…/table：定义表格 tr…/tr：定义表行 td…/td：定义表元（单元格） 表格属性设置 table 属性列表…/table 表行的属性设置 tr align=“水平对齐” valign=“垂直对齐” bgcolor=“背景颜色” …/tr 单元格属性设置 td colspan=“跨越列数” rowspan=“跨越行数”…/td 框架集与框架 将一个窗口分成几个独立的窗口，每个窗口分别载入不同的文件，独立的小窗口叫做框架，整个窗口叫做框架集。 框架集 frameset 属性列表…/frameset 框架 frame 属性列表… 例： noframes 对于框架网页，若用户使用的浏览器版本太低，不支持框架功能时，看到的将会一片空白。为避免这种情况，可使用noframe标记，提醒用户转用新的浏览器，或者自动切换至没有框架的网页。 表单元素 表单是网页与服务器之间传递的重要途径，表单网页可以用来收集浏览者的意见和建议，实现浏览者与站点之间的互动。 基本元素 Form，input，select，textarea 参照例题form.asp,list.asp Form元素 基本格式： form action=“表单处理程序” method=“表单提交方法” name=“表单名”…/form Input元素 基本格式：input type=“输入的数据类型”…. 输入的数据类型 Text,radio,checkbox,password,submit,reset,image 单行文本输入框 Type=“text” input type=“tex