HTML标签3——表格标签,列表标签,表单标签

386 阅读3分钟

表格标签的基本用法:用来显示数据

table用于定义表格的标签;tr用于定义表格中的行,嵌套在table中;td(table date)用于定义表格行里的单元格嵌套在tr中;th表头单元格标签;
表格属性:align:  center left right, 规定表格对周围元素的对齐方式;   border:1或"",1为有,默认""没有;   cellpadding 像素值,规定单元边与内容之间的间距,默认1xp;    cellspacing 像素值,规定单元格之间的空白,默认2xp;width 像素值或百分比,规定表格的宽度
表格结构标签:thead:定义表格头部区域,内部必须拥有tr标签;tbody:定义表格主体区域,主要用于放数据本体
合并单元格:跨行合并:rowspan="个数",最上侧为目标单元格,写合并代码;跨列合并:colspan="个数",最左侧为目标单元格,写合并代码;三部曲:确定跨行还是跨列,找到目标单元格写代码,删除多于的单元格

列表标签的基本用法:用来布局

特点:整齐整洁有序
分类:无序列表:ul 表示html页面中项目的无序列表,一般以项目符号呈现列表项,而列表项使用li 标签定义,无顺序之分,只能嵌套li 标签, li 标签可容纳所有标签,无序列表会带有自己的样式属性,在实际使用中,会用CSS来设置;有序列表:ol 表示html页面中项目的有序列表,其余同无序列表; 自定义列表:常用语对术语货名词进行解释盒描述,定义列表的列标前没有任何项目符号,dl 标签用于定义描述列表会和dt和dd一起使用

表单标签:

表单目的为了收集用户信息,三部分组成:表单域:form 标签(form action="url地址" method="提交方式" name="") 定义表单域,会将信息提交给服务器;
表单控件(也称为表单元素):
input type="(输入表单元素)",input单标签:button:定义可点击按钮(多数情况下,用过用js启动脚本);checkbox:定义复选框;file:定义输入字段和“浏览按钮”,共文件上传;hidden:定义隐藏的输入段;image:定义图像形式的提交按钮;password:定义密码字段,该字段中的字符被掩码;radio:定义单选按钮;reset:定义重置按钮,会清除表单中的所有数据;submit:定义提交按钮,把表单发送道服务器;text:定义单行的输入字段,可在其中输入文本,默认宽度20字符(name,定义input元素名字,单选和复选都需要name;value,规定input元素的值,针对于后台使用;checked,规定input元素首次打开时应该被选中的值,主要针对于单选和复选按钮;maxlength,用户可以在表单元素输入的最大字符数,)label 标签,为input元素定义标注
select 标签:定义下拉列表,双标签,子元素option
textarea 标签:输入内容较多的时候,使用该标签,双标签。
学会查阅文档:百度,w3shcool.com,MDN:developer.mozilla.org