一、今日学习内容:
表格标签
表格的基本语法
必须要在table(定义表格)标签中,tr(table row)-->行,td(table data)-->每行的具体数据(单元格)
th,用于定义表格中的表头内容,内容加粗且居中对齐
Alt+shift,同时改一列
thead、tbody 标签
为了更清楚的区分表头和表内容的两个标签,thead代表表头,tbody内容部分
合并单元格
步骤:
1.先确定需要跨行还是跨列合并的第一个单元格
2.在合并的第一个单元格td标签内添加上跨行合并还是跨列合并的属性,eg:rowspan="n",n代表合并单元格数目,最小 2
3.删除被合并单元
跨行合并
rowspan(最少为2)
跨列合并
colspan(最少为2)
列表标签
有序列表
有序列表是有顺序的标签,使用<ol>标签来定义,内部使用<li>定义列表项
无序列表
用<ul>标签来进行声明,一般用项目符号来呈现列表项,默认圆点只能嵌套<li>标签
自定义列表
主要在页面底部使用
<dl>标签声明,<dt>列表项的名词,<dd>列表项的名词解释
表单标签
作用:收集用户的信息;将收集到的信息进行处理
表单域
表单域是一个包含表单元素的区域
在html中表单域用<form></form>来进行声明
表单控件
input输入表单元素
type属性值
text 输入文本,默认宽度20字符
button 点击按钮(js连用)
radio 单选框
CheckBox 复选框
file 输入字段和浏览按钮,来进行文件上传
password 密码框
reset 重置按钮
submit 提交按钮,(表单数据提交至服务器)
其他属性
value 规定input元素的值
checked input元素首次加载默认被选中
maxlength 规定输入字段最大长度
name 定义input元素名称
注:
1、name和value是每个表单元素都有的属性,(后台人员)
2、name表单元素,一般还使用在单选和复选部分,保证单选按钮和复选框的一致性
3、checked属性主要针对单选按钮和复选框,页面首次加载时,默认选中指定元素
4、maxlength、用户可以在表单元素中输入的最大字符数,一般使用较少
lable
增加单选按钮或者复选框的可点击范围来增加用户的使用体验
select
页面中,若要设置多个选项供用户选择,可以使用<select>标签
注意:
1、select标签中至少得包含一对<option>
2、在<option>标签中定义selected="selected",可以把当前项设置为默认选项
textarea文本域
cols="每行中的字符数",英文字母来说,一个汉字=两个英文字母的长度
rows="显示行数"
这里设置的容纳字符数必须使文本域里面的内容要超出文本域默认的区域才能看到
|