搜索
HTML第三讲主讲：周新丰专业铸造品质知识成就未来-潇湘职业学院潇湘职业学院一月二月三月120010001500单元格（用TD来表示，每个单元格可以有背景颜色和背景图片）表格（用Table来表示，表格可以有背景颜色、背景图片）表格边框每一行可以用TR来表示，单元格放在行中，每行可以有很多的单元格。表头（用TH来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗）表格(TABLE)标记--1•table元素：定义一个表格。每一个表格只有一对table和/table，一张页面中可以有多个表格。•tr元素：定义表格的行，一个表格可以有多行，所以tr对于一个表格来说不是唯一的。•td元素：定义表格的一个单元格。每行可以有不同数量的单元格，在td和/td之间是单元格的具体内容。•需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。表格(TABLE)标记--2•表格的基本结构table定义表格trth定义表头/th/trtr定义表行td…/td定义单元格/tr/table例：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.htm3、Rowspan：属性值表示当前单元格跨越几行例：16.htm表格(TABLE)标记--6•行属性1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包•top：顶端对齐；middle：居中对齐；bottom：底端对齐。Baseline：相对于基线对齐。表格(TABLE)标记--7•行属性2、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式3、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素表格进阶•表格的嵌套–在td/td之间插入表格，实现表格嵌套例：17.htm–表格的作用一般只是控制文本和图像的显示，而不显示表格的边框例：18.htm综合案例•表格的综合使用•例：19.htm表单(FORM)标记•HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。•在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。我们在网页设计课程中不会涉及程序编制。表单(FORM)标记•表单是网页上的一个特定区域。这个区域是由一对form元素定义的。•form元素–action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。–Method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。表单(FORM)标记•表单的基本语法:formaction=urlmethod=*type=text/plain...inputtype=submitinputtype=reset/form*=GET有数据量限制，POST无以上限制,以文件形式传输例：22.htm表单(FORM)标记2.文本框inputname=?type=*value=**size=***maxlength=???文本框的名字*text,password**默认值***长度??最大输入字符数例20.htm表单(FORM)标记3.文本域–textareaname=*rows=**cols=**.../textarea例：20.htm表单(FORM)标记4.按钮–包括普通按钮、重置按钮和提交按钮inputtype=submitvalue=提交name=“B1inputtype=resetvalue=全部重写name=“B2例：21.htm表单(FORM)标记5.复选框(Checkbox)–在一个表单里的所有多选框可以有一个或多个被选中。inputtype=checkboxinputtype=checkboxcheckedinputtype=checkboxvalue=**例25.htm表单(FORM)标记•6.单选框(RadioButton)–一个表单里的所有变量名相同的单选框只能够有一个被选中。inputtype=radioname=sexvalue=**inputtype=radioname=sexvalue=**checked–各个选项的name必须一样才能达到预期效果例：26.htm注意262.htm的写法是错误的表单(FORM)标记•7.下拉列表–基本语法selectname=*optionselected说明/optionoptionvalue=**说明2/option/select例：28.htm表单(FORM)标记•7.下拉列表–（2）列表框的长度selectsize=**–（3）允许多选selectsize=**multiple例：29.htm、30.htm表单(FORM)标记•8.图象域–inputtype=imagesrc=url例：image.htm表单(FORM)标记•综合练习（*）•实现留言簿–要求：背景、文字颜色、字体、换行、页面标题、表单文本框、文本域、单选框、复选框、下拉列表、图象域、提交与取消按钮，内容以mail形式提交。