二、HTML教程.pptVIP

body table border = “2” caption align=top学员档案信息/caption tr th姓名/th th性别/th th分数/th /tr tr tdrobert/td tdm/td td80/td /tr … /table /body 表格的标题与行或列标题 caption表示表格标题 th表示行或列标题，粗体显示 表格的第二行，有三列数据 body table border=“0” align=“center” width=“50%” caption align=“top”学员档案信息/caption tr bgcolor=#00ffff th align=left姓名/th th align=center性别/th th align=right分数/th /tr tr bgcolor=#ffff00 tdRobert/td td align=centerM/td td align=right80/td /tr … /table /body 表格的背景色和尺寸设置 表格的尺寸设置： 　　table width=n1 height=n2 例如： table width=200 height=100 表示一个长为200像素，宽为100像素的表格。 table width=20% height=10% 表示一个宽为窗口的20%，高为窗口的10%的表格。 表格的颜色设置： 表格的背景色 table bgcolor=颜色值 行的背景色　tr bgcolor=颜色值 列的背景色 td bgcolor=颜色值 颜色值可以采用 rgb（red/green/blue）红绿蓝十六进制值表示，如红色#ff0000, 或是一些预定义色彩名称：red ，blue，yellow等。 课堂练习——表格的制作 要求：在网页中制作如下图所示的课程表 html 标签一般配对使用，不区分大小写 标签都具有属性。属性提供关于网页上 html 元素的附加信息 meta 标签放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签 标题级标签使用h1…h6 段落标签使用p align＝“对齐方式”…/p 无序列表使用ul标签,有序列表使用ol标签 字体标签font color=“颜色” size=“大小” face＝“字体” 超链接标签a href=“链接地址”超链接文本/a * 总结 * 向学员解释： 1)HTML网页的标签讲究配对，HTML开始，/HTML结束 2）HTML网页和人一样，由头部HEAD和主体BODY两部分组成 * * 演示：参见TG4-Source文件夹中“标题”用例 * 演示：参见TG4-Source文件夹中“段落对齐”用例 解释： 1）align的三种对齐方式。 2）段落相当于我们文章的分段，段落间间隔较大（以便与后面的换行BR区别） * 演示：参见TG4-Source文件夹中“换行”用例 提问：上图的两行和两段发现有什么不同没有？ 引导并解释解释： 1）换行间距较小。 2）BR标签比较特殊，不需要配对，即不需要/BR * 逐一讲解，告诉学员了解。 * 演示： TG4-Source文件夹中“无序列表“用例 * 演示： TG4-Source文件夹中“有序列表“用例，并演示改变type类型的效果。 * 讲解要点： 1）表格的颜色设置： 　　表格的背景色 TABLE bgcolor=颜色值 　　行的背景色　 TR bgcolor=颜色值 列的背景色 TH bgcolor=颜色值或 TD bgcolor=颜色值 颜色值可以采用 RGB（red/green/blue）红绿蓝十六进制值表示，如红色#FF0000, 或者是一些预定义色彩名称：red ，blue，yellow等。 2）表格的尺寸设置： TABLE width=n1 height=n2 其中，n1和n2可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。 例如： TABLE width=200 height=100表示一个长为200像素，宽为100像素的表格。 TABLE width=20% height=10%表示一个长为屏幕的20%，宽为屏幕的10%的表格。 * 演示：字体Font的用法，参见TG4-Source文件夹中“字体“用例。强调三个属性： 1)Face字体 2）size 大小 3）color 颜色 * 演示： TG4-Source文件夹中“图片对齐“用例 强调2个属性： 1）align 2）src * 演示例子：TG4-Source文件夹中“超