HTML基本标签及结构详解(3)

表格标签结构: 作用:显示 展示数据 <table> <!--表格标签--> <th></th> 表头单元格 <tr> <td></td>单元格 </tr>行 </table> 属性 align left center right 对齐 border边框 cellpadding 文字和单元格的距离 cellspacing 单元之间的距离 width 表格结构标签 <thead></thead> 表头区域 <tbody></tbody> 主体区域 合并单元格:跨行合并:rowspan行和行 跨列合并:colspan列和列 合并代码:跨行:在最上侧单元格为目标单元格，写合并代码 跨列:在最左侧单元格为目标单元格，写合并代码 跨行或跨列步骤: 1.确定跨行还是跨列 2.找到目标单元格 3.删除多余单元格

7.表单标签:

表单标签:主要用途:收集用户信息 表单由表单域 表单控件（元素） 提示信息组成 表单域 实现用户信息传递<form action=http://www.jb51.net/web/"" method=http://www.jb51.net/web/""></form> action跟着的为地址 method提交方式 name名称 input输入表单元素: <input type=http://www.jb51.net/web/"text"> type属性值:text文本 password密码 button ridio单选框() checkbox(多选按钮)..... submit(提交按钮，将表单值提交给服务器) reset 清除表单的所有数据 button 普通按钮 结合js使用 file 上传文件 name属性:表单元素的名字，单选按钮必须有相同的名字才可以多选1 单选按钮和复选框都要有相同的name value属性 定义值 每个元素都应该有的，主要给后台人员来使用的 checked 针对单选和多选 当页面打开的时候默认选择 maxlength 最大长度 select下拉表单元素 使用场景:有多个选项，想节约空间<select name=http://www.jb51.net/web/"" id=http://www.jb51.net/web/""> <option value=http://www.jb51.net/web/""></option> </select> select至少包含一个option 在option中的属性selected = selected进行默认选择 <label for=http://www.jb51.net/web/""></label>使用场景 for 和表单元素的id属性相同就对应上 textarea文本域表单元素 输入文本较多时 <textarea><textarea>一般规定长度通过css

到此这篇关于HTML基本标签及结构详解的文章就介绍到这了,更多相关HTML基本标签及结构内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

（编辑：ASP站长网）