_项目3HTML语言.ppt

项目3 HTML语言 任务1 认识HTML语言 任务1 认识HTML语言 任务1 认识HTML语言 任务1 认识HTML语言 任务1 认识HTML语言 任务1 认识HTML语言 任务1 认识HTML语言 任务1 认识HTML语言 任务1 认识HTML语言 任务1 认识HTML语言 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务2 页面排版标记 任务3 表格标记 任务3 表格标记 任务3 表格标记 任务3 表格标记 任务3 表格标记 任务3 表格标记 任务3 表格标记 任务3 表格标记 任务3 表格标记 任务3 表格标记 任务4 超链接标记 任务4 超链接标记 任务4 超链接标记 任务4 超链接标记 任务4 超链接标记 任务4 超链接标记 任务4 超链接标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 任务5 表单标记 一．几种表格标记 表格中的主要 标记有五种： 4．单元格标记 格式：td……/td 作用：表示表格中的一个普通单元格，但是该标记必须放在tr标记中。 常用属性：如表所示。 单元格所占的列数，用于合并单元格。 colspan 单元格所占的行数，用于合并单元格。 rowspan 设定单元格中内容不能自动换行。 nowrap 单元格的边框颜色。 bordercolor 单元格的背景颜色。 bgcolor 单元格的高度。 height 单元格的宽度。 width 单元格内容的垂直对齐方式。 属性值：top、middle、bottom，默认为居中对齐。 valign 单元格内容的水平对齐方式。 属性值：left、right、center，默认为左对齐。 align 功能 常用属性 一．几种表格标记 表格中的主要 标记有五种： 5．表头单元格标记 格式：th……/th 作用：表示表格中的表头单元格，该标记也必须放在tr标记中， 但是该标记可以省略。 常用属性：同td标记的常用属性，如上表所示。 注：如果td标记中属性值与th标记中的属性值冲突时，以td标记中属性值为主。 二．合并单元格 在建立表格时，常常需要一些不规则的表格，那么就需要使用td标记中的rowspan属性和colspan属性来实现。其中colspan是横向合并，rowspan是纵向合并。 右图所示的表格就左图表格通过合并单元格后得到的。右图 中的A2单元格是纵向合并（设置rowspan=“2”）得到的， B3和C2单元格都是横向合并（分别设置colspan=“2”和 colspan=“3”）得到的。 二．合并单元格 在进行单元格合并时要注意一下几点： ①整个表格中，每行的列数和是相同的。 ②如果在某行中使用了colspan属性，即在该行中横向合并。 例如：colspan=“2”，则从当前单元格向右合并2个两个 单元格，那么在当前行tr标记中就要少包含一个td 标记，以此类推。 ③如果在某列中使用了rowspan属性，即在该列中纵向合并。 例如：rowspan=“2”，则从当前单元格向下合并2个两个 单元格。那么在下一行中，就少包含一个单元格，即下一行的 tr标记中要少写一个td标记，以此类推。 三. 任务实施 1．运行Dreamweaver CS3，打开站点example的中article文件夹中 的notice.html文件。 2．切换到代码视图。 3．在原有的语句，进行补充。 4．认识并分析网页文件中所使用的标记及其属性。 5．保存此网页文件，并浏览。 网页的预览效果 返回 任务分析 创建超链接是HTML