硅谷动力网络学院--HTML设计学习schoolhtml.ppt

HTML第三讲,主讲：吴涛,专业铸造品质 知识成就未来-硅谷动力网络学院,硅谷动力网络学院,作者仅授权硅谷动力网络学院发表该系列教程,版权归作者本人与网络学院拥有.任何个人与网站转载请联系,单元格（用来表示，每个单元格可以有背景颜色和背景图片）,表格（用来表示，表格可以有背景颜色、背景图片）,表格边框,每一行可以用来表示，单元格放在行中，每行可以有很多的单元格。,表头（用来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗）,表格(TABLE)标记-1, 元素：定义一个表格。每一个表格只有一对和，一张页面中可以有多个表格。 元素：定义表格的行，一个表格可以有多行，所以对于一个表格来说不是唯一的。 元素：定义表格的一个单元格。每行可以有不同数量的单元格，在和之间是单元格的具体内容。 需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。,表格(TABLE)标记-2,表格的基本结构 定义表格 定义表头 定义表行 定义单元格 例：02.htm,表格(TABLE)标记-3,表格的属性 1 width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。 border属性：表格边线粗细 例03.htm、04.htm、05.htm,表格(TABLE)标记-2,表格的属性 1 4、bgcolor属性：指定表格或某一个单元格的背景颜色。 5、background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。 例：07.htm,表格(TABLE)标记-3,表格的属性 2 6、bordercolor属性：指定表格或某一个单元格的边框颜色。 例：08.htm 7、Bordercolorlight属性：亮边框的颜色 8、Bordercolordark属性：暗边框的颜色 例：09.htm,表格(TABLE)标记-3,表格的属性 2 9、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。 例：10.htm,表格(TABLE)标记-3,表格的属性 2 10、cellspacing属性：单元格间距。 例：11.htm 11、cellpadding属性：单元格边距。 例：12.htm,表格(TABLE)标记-4,单元格属性 1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐; Baseline：相对于基线对齐; 例：13.htm,表格(TABLE)标记-5,单元格属性 2、Colspan：属性值表示当前单元格跨越几列 例：14.htm 3、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,表单(FO