《网页设计与制作》第4章.pptxVIP

《网页设计与制作》主讲人：XXX邮箱：XXXXXXXXXXX电话：XXXXXXXXXXXX

Neverputoffwhatyoucandotodayuntiltomorrow.每讲一语Thebestpreparationfortomorrowisdoingyourbesttoday.对明天做好的准备就是今天做到最好

书本内容引导解读

Neverputoffwhatyoucandotodayuntiltomorrow.案例操作：

Neverputoffwhatyoucandotodayuntiltomorrow.第4章html表格与表单应用学习目标tr标记table标记td标记Html表单标记html表格标记th标记

Neverputoffwhatyoucandotodayuntiltomorrow.4.1html表格标记tabletr td单元格内的文字1/td td单元格内的文字2/td td单元格内的文字3/td .../trtr td单元格内的文字1/td td单元格内的文字2/td td单元格内的文字3/td .../tr.../table表格格式：table....../table:定义一个表格，表示一个大盒子（固定的作用，加width）tr....../tr：定义一个表格中的一行，可以多行td....../td:定义一个表格中的列，嵌套在tr....../tr中，可以多列案例操作4.1.1创建表格

Neverputoffwhatyoucandotodayuntiltomorrow.注意:学习表格的核心是学习td/td标记，他就像一个容器，可以容纳所有的元素，td/td中甚至可以嵌套表格table/table。但是tr/tr中只能嵌套td/td，直接在tr/tr标记中输入文字的做法是不被允许的。

Neverputoffwhatyoucandotodayuntiltomorrow.4.1.2表格标记属性属性名含义常用属性值border设置表格的边框（有默认值，当border=0无边框）像素值（0、1、2、3.....）cellspacing设置单元格与单元格边框之间的空白间距像素值（默认为2像素）（0、1、2、3.....,0表示什么？）cellpadding设置单元格内容与单元格边框之间的空白间距像素值（默认为1像素）width设置表格的宽度像素值height设置表格的高度像素值align设置表格在网页中的水平对齐方式left、center、rightbgcolor设置表格的背景颜色预定义的颜色值、十六进制#RGB、rgb(r,g,b)background设置表格的背景图像url地址table标记属性：备注：bordercolor---边框颜色bordercolorlight---边框亮的颜色（border值大于1）bordercolordark---边框暗的颜色（border值大于1）

Neverputoffwhatyoucandotodayuntiltomorrow.课堂笔记：1、网页布局思想是从上到下，从左到右。2、头文字内容不能直接放在body里面，要用标记进行控制，并且功能不一样，比如表格标记里的width标记有固定的作用。3、Tab键实现缩进的功能，返回缩进是shift+Tab键，在很多编辑器里都能实现，但是记事本不能实现。4、在editplus编辑器中，数字后面有一个加减符号，点击加减符号有一定的收缩和扩张的效果，帮助画面更加清晰。

Neverputoffwhatyoucandotodayuntiltomorrow.4.1.3行标记属性属性名含义常用属性值height设置行高度像素值align设置一行内容的水平对齐方式left、center、rightvalign设置一行内容的垂直对齐方式top、middle、bottombgcolor设置行背景颜色预定义的颜色值、十六进制#RGB、rgb(r,g,b)background设置行背景图像url地址tr标记属性：

Neverputoffwhatyoucandotodayuntiltomorrow.4.1.4列标记属性（单元格合并）属性名含义常用属性值width设置单元格的宽度像素值height设置单元格的