网页设计基础三剑客.html.ppt

HTML第三讲,单元格（用来表示，每个单元格可以有背景颜色和背景图片）,表格（用来表示，表格可以有背景颜色、背景图片）,表格边框,每一行可以用来表示，单元格放在行中，每行可以有很多的单元格。,表头（用来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗）,表格(TABLE)标记-1,元素：定义一个表格。每一个表格只有一对和，一张页面中可以有多个表格。元素：定义表格的行，一个表格可以有多行，所以对于一个表格来说不是唯一的。元素：定义表格的一个单元格。每行可以有不同数量的单元格，在和之间是单元格的具体内容。需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。,表格(TABLE)标记-2,表格的基本结构定义表格定义表头定义表行定义单元格例：02.htm,表格(TABLE)标记-3,表格的属性1width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。border属性：表格边线粗细例03.htm、04.htm、05.htm,表格(TABLE)标记-2,表格的属性14、bgcolor属性：指定表格或某一个单元格的背景颜色。5、background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。例：07.htm,表格(TABLE)标记-3,表格的属性26、bordercolor属性：指定表格或某一个单元格的边框颜色。例：08.htm7、Bordercolorlight属性：亮边框的颜色8、Bordercolordark属性：暗边框的颜色例：09.htm,表格(TABLE)标记-3,表格的属性29、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。例：10.htm,表格(TABLE)标记-3,表格的属性210、cellspacing属性：单元格间距。例：11.htm11、cellpadding属性：单元格边距。例：12.htm,表格(TABLE)标记-4,单元格属性1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括：top：顶端对齐；middle：居中对齐；bottom：底端对齐;Baseline：相对于基线对齐;例：13.htm,表格(TABLE)标记-5,单元格属性2、Colspan：属性值表示当前单元格跨越几列例：14.htm3、Rowspan：属性值表示当前单元格跨越几行例：16.htm,表格(TABLE)标记-6,行属性1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包top：顶端对齐；middle：居中对齐；bottom：底端对齐。Baseline：相对于基线对齐。,表格(TABLE)标记-7,行属性2、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式3、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素,表格进阶,表格的嵌套在之间插入表格，实现表格嵌套例：17.htm表格的作用一般只是控制文本和图像的显示，而不显示表格的边框例：18.htm,综合案例,表格的综合使用例：19.htm,表单(FORM)标记,HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。我们在网页设计课程中不会涉及程序编制。,表单(FORM)标记,表单是网页上的一个特定区域。这个区域是由一对元素定义的。元素action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。Method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。,表单(FORM)标记,表单的基本语法:.*=GET有数据量限制，POST无以上限制,以文件形式传输例：22.htm,表单(FORM)标记,文本框?文本框的名字*text,password*默认值*长度?最大输入字符数例20.htm,表单(FORM)标记,3.文本域.例：20.htm,表单(FORM)标记,按钮包括普通按钮、重置按钮和提交按钮例：21.htm,表单(FORM)标记,5.复选框(Checkbox)在一个表单里的所有多选框可以有一个或多个被选中。例25.htm,表单(FORM)标记,6.单选框(RadioButton)一个表单里的所有变量名相同的单选框只能够有一个被选中。各个选项的name必须一样才能达到预期效果例：26.htm注意262.htm的写法是错误的,表单(FORM)标记,7.下拉列表基本语法说明说明2例：28.htm,表单(FORM)标记,7.下拉列表（2）列表框的长度（3）允许多选例：29.htm、30.htm,表单(FORM)标记,8.图象域例：image.htm,表单(FORM)标记,综合练习（*）实现留言簿要求：背景、文字颜色、字体、换行、页面标题、表单文本框、文本域、单选框、复选框、下拉列表、图象域、提交与取消按钮，内容以mail形式提交。,