【网页制作课件】HTML标记.pptVIP

复习 上一节我们在熟悉了HTML文档结构标记的基础上，进一步学习了网页的文本排版标记：对文本可以设置字体、颜色、大小、设置标题、设置对齐方式、将其换行、设置段落、设置文本滚动等，通过合理设置各个标记的属性参数，从而得到非常漂亮的文字外观效果。 大家一起来回顾…… 提出问题： 我们使用对文本进行排版的HTML标记来灵活控制网页文本得到非常漂亮的外观，但是对于文本具体显示在哪，就不是很好控制（上次课就有同学提出问题：想把两个段落并列显示，行吗？）-----怎么办？ 网页上只有文字太单调了，怎么插入图片实现图文并茂呢？ 上次课有同学完成了两个网页，想建立这两个网页的联系，如何实现呢？ 下面我们将要学习的内容就可以解决这些问题！ 第三讲：HTML标记第三部分 主要内容： 一、介绍表格标记 二、举例说明使用表格标记创建网页表格 三、介绍插入图片标记 四、介绍超级链接标记 五、小结 六、作业 要解决第一个问题，最好、最快、最简单的办法是使用表格。 说起表格，相信大家都不陌生，用表格来表现内容有突出的优点： 1、表格是所有编辑方式中最简单灵活的。 2、表格表现内容直观明了、整齐漂亮。 所以，在许多优秀的网页设计中大量巧妙地应用表格设计。表格已成为对文本和图形进行布局的强有力的工具。 掌握好表格的应用，对设计网页有很大的帮助。 一、表格标记 1、TABLE标记 标记的格式： table 定义表格的行列及内容 /table 标记说明：TABLE标记标志着一个表格的开始和结束，表格的所有定义都包含在这对标记之间。该标记有一些参数，用于定义整个表的位置、背景、边框等。如align, background, bgcolor, border, cellpadding, cellspacing, width, height等。 参数说明： border设置表格的边界宽度, 单位为像素，如果设置次参数为“0”时，则表格不显示边界；cellpadding 设置单元格内容到边界的距离，单位为像； cellspacing 设置单元格与单元格之间的距离,单位为像素；width 设置整个表格的宽度, 默认情况下单位为像素，也可以使用百分比单位（百分比是表格宽度和浏览器显示宽度的百分比）；height 设置整个表格的高度, 默认情况下单位为像素，也可以使用百分比单位。 表格标记 2、CAPTION标记 标记的格式： caption 定义表格的标题内容 /caption 标记说明： CAPTION标记是专门设置表格的标题内容及表格标题的位置，可以由align属性来设置,其位置分别有表格的上方和表格的下方。 设置标题位于表格的上（下）方的格式为： caption align=top …/caption caption align=bottom …/caption 表格标记 3、TH标记 标记的格式： th 表头内容 /th 标记说明：TH标记表明了表格的表头开始和结束。该标记有一些参数：如align, background, bgcolor, 等。 表格标记 4、TR标记 标记的格式： tr 第n行…. /tr 标记说明：TR标记表明了表格的一行开始和结束。该标记有一些参数：如align, background, bgcolor, 等。 表格标记 5、TD标记 标记的格式： td 表格单元的内容 /td 标记说明：TD标记指定表格单元的内容，表格的行标记TR应该在TD标记之前，换句话说，这对TD标记是放在TR标记之间。 二、表格标记举例说明 定义表格：需要将这几个表格标记组合起来使用，才能完成一个完整的表格。下面的代码设置了一个两行三列的表格。 html head title表格/title /head body bgcolor=yellow table align=center width=“268” height=“191” border=“5” cellpadding=“2” cellspacing=“2” caption align=top表格标题/caption tr th表头/thtd width=“120”第一行第二列/td td width=“120”第一行第三列/td /tr tr th表头/th td width=“120”第二行第二列