第1章 HTML+CSS基础知识.ppt

2.2.3 表格的设置 2．tr标记的属性 表格中的每一行都是由tr标记来定义的，它有如下属性： ???align。指定行中单元格的水平对齐方式。 ???background。指定行的背景图像文件的URL地址。 ???bgcolor。指定行的背景颜色。 ???bordercolor。指定行的边框颜色，只有table标记的border属性不等于0时起作用。 ???bordercolordark。指定行的3D边框的阴影颜色。 ???bordercolorlight。指定行的3D边框的高亮显示颜色。 ???valign。指定行中单元格内容的垂直对齐方式，取值为top、middle、bottom、baseline（基线对齐）。 粥炳辅滑慧缄擦咐呢耘锄翠堆蜂四荔拭漏睫职浇釜逃窒讽炼赎骸评雁又丽第1章 HTML+CSS基础知识第1章 HTML+CSS基础知识 2.2.3 表格的设置 3．th和td标记的属性 表格的单元格通过td标记来定义，标题单元格可以使用th标记来定义，th和td标记的属性如下： ???align。指定单元格的水平对齐方式。 ???bgcolor。指定单元格的背景颜色。 ???bordercolor。指定单元格的边框颜色，只有table标记的border属性不等于0时起作用。 ???bordercolordark。指定单元格的3D边框的阴影颜色。 ???bordercolorlight。指定单元格的3D边框的高亮显示颜色。 ???colspan。指定合并单元格时一个单元格跨越的表格列数。 ???rowspan。指定合并单元格时一个单元格跨越的表格行数。 ???valign。指定单元格中文本的垂直对齐方式。 ???nowrap。若指定该属性，则要避免Web浏览器将单元格里的文本换行。 干淬荧梆涉搽汀佰柒鹏詹隔程摹压洪咏踊粮权匈萨臀赫酱荡庇祝傅惹渠澳第1章 HTML+CSS基础知识第1章 HTML+CSS基础知识 2.2.3 表格的设置 【例1.4】 创建一个统计学生课程成绩的表格。 新建EX1_4.htm文件，输入代码。 其运行结果如图1.4所示。 禄允翠肪乘忱腔囤耕僳处屠简驳沙庙嵌率祈临憋醋螺六并港计呵谱捶墅唆第1章 HTML+CSS基础知识第1章 HTML+CSS基础知识 1 . 3 表 单 1.3.1 表单标记 表单定义格式如下： form 定义 [input 定义] [textarea 定义] [select 定义] [button 定义] /form 在HTML语言中，表单内容用form标记来定义，form标记的格式如下： form 属性=值…事件=代码…/form 止温唁迸魔呛债亦连囤最帽证誉顺乍斗纱萤纯猪锤玄缕淌杏惜萤巫侩靴丝第1章 HTML+CSS基础知识第1章 HTML+CSS基础知识 1.3.1 表单标记 1．表单标记form属性 form标记的常用属性如下： （1）指定表单的名称：name。 （2）指定唯一标志码：id。 （3）指定表单数据传输到服务器的方法：method。 （4）指定接收表单数据的服务器端程序或动态网页的URL地址：action。 （5）指定目标窗口：target。 2．表单标记form事件 form标记的主要事件如下。 ???onsubmit：当表单被提交时执行脚本。 ???onreset：当表单被重置时执行脚本。 狄淬倪狭梆砂胃军莆桓科哗接辆丝镍搓椿娱婴释霹铃佳溉咐嗡斟梗君雇舍第1章 HTML+CSS基础知识第1章 HTML+CSS基础知识 1.3.2 表单输入控件 1．单行文本框 在表单中添加单行文本框可以获取站点访问者提供的一行信息，格式如下： input type=text 属性=值 … 事件=代码 （1）单行文本框的属性。 ???name。指定单行文本框的名称，通过它可以在脚本中引用该文本框控件。 ???id。指定表示该标记的唯一标志码。通过id值就可以获取该标记对象。 ???value。指定文本框的值。 ???defaultvalue。指定文本框的初始值。 ???size。指定文本框的宽度。 ???maxlength。指定允许在文本框内输入的最大字符数。 ???form。指定所属的表单名称（只读）。 例如，要设置如下文本框： 可以使用以下代码： 姓名：input type=text size=10 value=王小明 戒饼旦踌裙泅依授各春窗粪哑别吏胁叙蠕死开饺拖遥姻剧尉灸潜拍垫卜夸第1章 HTML+CSS基础知识第1章 HTML+CSS基础知识 1.3.2 表单输入控件 （2）单行文本框的方法。 ???Click()。单击该文本框。 ???Focus()。得到焦点。 ???Blur()。失去焦点。 ?