HTML 表格,表单,下拉菜单,按钮标签
1. 表格(table嵌套tr,tr嵌套td和th)
<table borde=" ">
<tr>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
</tr>
</table>
borde=“字体粗大小”;border边框线。
2. 表格合并单元格 (不换行)
<td rowspan="合并单元数值">内容</td>
①保留最右上目标,添加属性(取值多少数字),
跨行 rowspan=" “
跨列 colspan=” "
②删除其他单元格。
3. 表单(用于登录界面,注册界面,搜索区域)
<input type=" " name=" ">
① text 文本框;
② password 密码框;
<input type="password" placeholder="提示信息">
③ redio 单选框;
name 同组选项只选一个;
<label><input type="radio"></label>
④ checkbox 多选框;
<input type="checkbox" checked>
<!-- checked 默认选项 -->
⑤ file 上传文件;
<input type="file" multiple>
<!-- multiple 多个文件上传 -->
4. 下拉菜单(select嵌套option每项)
<select>
<option> </option>
<option> </option>
<option selectde> </option>
</select>
<!-- selectde 默认选项 -->
5. 文本域
<textarea> </textarea>
<!-- 右下角有拖拽功能,一般不使用,后面用CSS设置 -->
6. 按钮
<form action="发送数据的地址">
<p>内容</p>
<button type=" ">按钮文字</button>
</form>
① submit 提交,发送至后台;
② reset 重置;
③ button 普通按钮,和Java Script使用。
7. 无语义(布局网页,划分,摆放内容)
<div> </div> (独占一行) 大盒子
<span> </span> (不换行) 小盒子
8. 字符实体(预留字符)
实体名称 | 描述 | 显示结果 |
---|---|---|
& nbsp; | 空格 | |
& lt; | 小于号 | < |
& gt; | 大于号 | > |