一.表格标签
1.标签作用
<table>:表格最外层容器 | <tr>:定义表格行 |
<th>:定义表格头 | <td>:定义表格单元 |
<caption>:定义表格标题 |
注:1. 之前是有嵌套关系的,要符合嵌套规范。
2. 语义化标签:tHead、tBody、tFood
3. 在一个table中,tBody是可以出现多次的,但是tHead、tFood只能出现一次。
2.表格属性
border:表格边框 | cellpadding:单元格内空间 | cellspacing:单元格之间空间 |
rowspan:合并列 | colspan:合并行 | align:左右对齐方式 |
align : left、center、right
valign : top、middle、bottom
二.表单标签
1.表单标签
<form>:表单的最外层容器
<input>:标签用于搜集用户信息,根据type属性值不同,不同效果
2.input标签一些常用的type属性
type属性 | 含义 |
---|---|
text | 文本输入框 |
password | 密码输入框 |
checkbox | 复选框 |
radio | 单选框 |
file | 上传文件 |
submit | 提交按钮 |
reset | 重置按钮 |
1.单选框
#设置多个单选框时注意:(name属性值保持一致)
<imput type='radio' name='__'>男
<imput type='radio' name='__'>女
2.提交按钮
#提交按钮的提交地址:
<form action='___'>
3.<imput>属性:
checked(默认选中) disabled(禁止选中) placeholder='__'(框内虚影)
4.<textarea>多行文本框
属性:cols 行 rows 列
5.<select>、<option> 下拉菜单
<select>属性 | size:显示多少项 | multiple:多选 |
<option>属性 | selected:默认选择项 | disabled:禁止 |
6.<label>辅助表单(提升用户体验)
ex:
<input type='radio' id='映射1'><label for='映射1'>男</label>
注:使点击范围变大,包含男这个字(前后产生映射关系要保持一致)
三.<div>和<span>标签
1.简单介绍
<div>:用来划分一个区域
<span>:用力啊修饰文字信息
注:具体内容之后说明(前面简单了解)