HTML基础知识解读.ppt

《网页设计技术》 表格的标记(1) table与/table标记 table标记用来声明表格，table和/table标记之间就是整个表格的内容。 该标记有许多属性用来设置表格背景、表格边框宽度等 bgcolor background width、height border align 《网页设计技术》 表格的标记(2) caption与/caption标记 该标记用来设置表格的标题，它有align和valign两个属性，其中align属性表示水平对齐方式，与table标记相似 。 《网页设计技术》 表格的标记(3) tr和/tr标记 表格是由行和列组成的，一个tr标记就表示一行 tr标记事实上也有bgcolor、background、width、height和align属性，其属性及属性值和table标记类似，只不过是针对该行进行设置的。 align和valign属性：align属性表示单元格内容在单元格中的水平对齐方式；valign属性则表示垂直对齐方式。 《网页设计技术》 表格的标记(4) td与/td标记 一个td标记表示一列，准确地说，是一行中的一列，也就是一个单元格。 该标记也有bgcolor、background、width、height、align、valign属性，其属性及属性值也与table标记和tr标记类似（参见表2-10），只不过是针对该单元格进行设置的。 td标记还有两个非常重要的属性：rowspan和colspan ， rowspan指定当前单元格跨越行的数量； colspan指定当前单元格跨越列的数量 《网页设计技术》 表格的标记(5) th与/th标记 该标记用来设置一个单元格为标题栏，用法和td标记相似，只是自动将单元格内容以粗体显示。 《网页设计技术》 表格的标记(5) BODY TABLE BORDER = 2 TR TD姓名/TD TD性别/TD TD分数/TD /TR TR TDRobert/TD TDM/TD TD80/TD /TR /TABLE TABLE代表表格的开始，border=2表示边框尺寸为2 《网页设计技术》 TABLE BORDER = 2 CAPTION align=top学员档案信息/CAPTION TR TH姓名/TH TH性别/TH TH分数/TH /TR TR TDRobert/TD TDM/TD TD80/TD /TR /TABLE /TABLE 《网页设计技术》 TABLE BORDER = 2 ALIGN = CENTER CAPTION创建表格 /CAPTION TH COLSPAN = 3第一学期/TH TH COLSPAN = 3第二学期/TH TR TD数学/TD TD科学/TD TD英语/TD TD数学/TD TD科学/TD TD英语/TD /TR COLSPAN=“n” 属性表示跨多少列 ROWSPAN=“n” 属性表示跨多少行 《网页设计技术》 表格的标记(5) 《网页设计技术》 表格的标记(5) 《网页设计技术》 表格的标记(5) 《网页设计技术》 表格的标记(5) 学习 《网页设计技术》 表格的标记(5) cellspadding填充 border边框 《网页设计技术》 表格的标记(5) Cellspacing间距 《网页设计技术》 课堂练习:请编写HTML代码 《网页设计技术》 2.3.6 字符实体 有些字符是无法在HTML中直接显示的 ，那么就要用到字符实体 来代替显示。 特殊字符 字符实体 大于号 () gt; 小于号 () lt; 引号 (“) quot; ? reg; ? copy; 《网页设计技术》 2.3.5 超链接 超链接的作用： 实现从一个页面链接到另一个页面的功能。 格式： a href=链接地址 target=目标窗口位置 链接热点文本或图像/a Target：指定打开超链接的窗口或框架 _blank 在新窗口打开 _self 在当前窗口打开 _parent 在父窗口打开 _top 在整个浏览器窗口中打开 窗口框架名 《网页设计技术》 2.3.5 超链接 举例： a href=span.html target=_blank灿坤蒸气电熨斗/a a href=链接地址 target=目标窗口位置 链接热点文本或图像/a 《网页设计技术》 2.6 本章小结 本章的重点是HTML的主要标记及标记属性的使用。 * 在HTML中，可以使用符号列表或排序列表标记，以使得文档更