HTML结构标签

<table border="1px">
  <caption>学生成绩表</caption>
  <tr><th>姓名</th><th>成绩</th><th>评语</th></tr>
  <tr><td>张三</td><td>100分</td><td rowspan="2">优秀</td></tr>
  <tr><td>李四</td><td>110分</td></tr>
</table>

1. 结构标签

结构标签：按照一定的结构去写

列表标签：在网页中展示关联性的内容

种类：无序列表、有序列表、自定义列表

• 无序列表：在网页中表示一组无顺序之分的列表 Unordered list

• 标签组成ul标签，用于展示无序列表的内容 规范上它的子标签必须是li标签
  • ul标签：表示无序列表的整体
  • li标签：表示无序列表的每一项

<ul>
  <li>第一列</li>
  <li>第二列</li>
</ul> 

无序列表的type属性：可以定义列表符号的样式，在HTML5里面不推荐

HTML建议的是使用CSS调整标签的样式

值	描述
dics	默认值 实心圆
circle	空心圆
square	实心方块

有序列表（ordered list）：在网页中表示一组有顺序之分的列表

• 标签组成
  • ol标签：表示有序列表的整体
  • li标签：表示无序列表的每一项

<ol>
  <li>打开冰箱门</li>
  <li>将大象放进冰箱</li>
  <li>关上冰箱门</li>
</ol> 

<ol>标签可以设置type属性用来设置编号类型

<!--
值   含义
1  默认 数字
a  小写的英文字母编号
A  大写的英文字母编号
i  小写的罗马数字编号
I  大写的罗马数字编号

start属性 值需要的是一个整数 编号的起始值
-->
<ol type="i" start="3">
  <li>打开冰箱门</li>
  <li>将大象放进冰箱</li>
  <li>关上冰箱门</li>
</ol>

自定义列表：在网页的底部导航中通常会使用自定义列表实现

• 标签组成
  • dl标签：表示自定义列表的整体
  • dd标签：表示对于主题的每一项内容
  • dt标签：表示自定义列表的主题

<dl>
  <dt>帮助中心</dt>
  <dd>账户管理</dd>
  <dd>购物指南</dd>
</dl> 

表格标签：可以要数据显示的非常规整

标签名	说明
table	表格整体
tr	表格每行
td	表格单元格

<table>
  <tr>
    <td>姓名</td>
    <td>成绩</td>
    <td>评语</td>
  </tr>
  <tr>
    <td>张三</td>
    <td>100分</td>
    <td>真棒啊</td>
  </tr>
  <tr>
    <td>小姐姐</td>
    <td>150分</td>
    <td>优秀啊</td>
  </tr>
</table> 

标签名	说明
caption	表格整体大标题
th	表头单元格

<table>
  <caption>学生成绩单</caption>
  <tr>
    <th>姓名</th>
    <th>成绩</th>
    <th>评语</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>100分</td>
    <td>真棒啊</td>
  </tr>
  <tr>
    <td>小姐姐</td>
    <td>150分</td>
    <td>优秀啊</td>
  </tr>
</table>

合并单元格：将水平或垂直多个单元格合并成一个单元格

• 明确合并哪几个单元格
• 通过左上原则，确定保留谁删除谁
  • 上下合并：只保留最上的，删除其他
  • 左右合并：只保留最左的，删除其他
• 给保留的单元格设置：跨行合并（rowspan）或者跨列合并（colspan）

表单标签：表单用于采集用户的信息并提交给服务器，由表单元素和表单控件组成。表单元素form负责提交数据给服务器，表单控件负责收集数据。

属性名	取值
action	设置数据的提交地址
method	设置数据的提交方式，默认为get方式，可以设置为post

<form action="" method=""> <!--此处为表单控件--> </form>

控件/标签	描述
<input>	定义输入框，用于输入单行文字。通过type属性值的不同，展示不同效果
<textarea>	定义文本域（一个可以输入多行文本的控件）
<label>	为表单中的各个控件定义标题
<select>	定义下拉列表
<option>	定义下拉列表中的选项
<button>	定义一个可以点击的按钮

属性名	取值	说明
type	设置控件类型	控件类型见下表
name	用户自定义	设置控件名称，最终与值一并发送给服务器
value	用户自定义	设置控件的值
placeholder	用户自定义	设置输入框中的提示文本

属性值	描述
text	文本框，用于输入用户名
password	密码框，用于输入密码
radio	单选框，用于多选一
checkbox	多选框，用于多选多
submit	提交按钮
reset	重置按钮
button	普通按钮
file	文件上传