一、列表
1. 有序列表(<ol> </ol>)
第一层嵌套内只能包含 <li></li> 列表项标签,列表项标签可以包裹任何标签和文本,属于块级元素。有序列表有以下几个属性:
2. 无序列表(<ul> </ul>)
第一层嵌套内只能包含<li></li>列表项标签,同有序列表。有以下几个属性:
有序列表和无序列表第一层内必须包含列表项标签,文本写在列表项标签内。
3. 自定义列表(<dl> </dl>)
<dt></dt> 列表标题
<dd></dd> 文本和元素
<dl> <dt>国内电影</dt> <dd>流浪地球</dd> <dd>来电狂想</dd> <dt>国外电影</dt> <dd>惊奇队⻓</dd> <dd>美国队⻓</dd> </dl>
4. 嵌套列表
有序、无序以及自定义列表相互嵌套。举例:
<!-- 嵌套列表 --> <ul> <li>MOBA类游戏 <ol> <li>王者荣耀 <ul type="circle"> <li>武则天</li> <li>嬴政</li> <li>不知火舞</li> </ul> </li> <li>英雄联盟 <ul type="circle"> <li>无极剑圣</li> <li>疾风剑豪</li> <li>暗裔剑魔</li> </ul> </li> </ol> </li> <li>第一人称射击 <ol> <li>和平精英</li> <li>使命召唤</li> <li>生化危机</li> </ol> </li> <li>经营类 <ol> <li>大富翁</li> <li>模拟人生</li> <li>城市天际线</li> </ol> </li> </ul>
二、表格
1. 表格标签
2. 表格的行列
3. 表格标签相关属性
4. 拆分与合并
拆分合并之后需要删除多余的行或列。
三、表单元素
1. 表单标签(<form></form>)
表单用于搜集不同类型的用户输入,该标签不能单独使用,需要在 form 元素中加入 input 等标签共同使用。
2. input标签及控件
<input/>元素是最重要的表单元素,有不同的type属性
3. 标记标签(<label> </label>)
不会向用户呈现任何特殊效果,内联元素,不自占一行
label 标签的 "for" 属性可把 label 绑定到另外一个元素,把 "for" 属性值设为相关元素的id 值即可。
4. 菜单标签(<select> </select>)
下拉菜单标签,不能单独存在,只能包裹option。
<option></option> 菜单选项,multiple 属性代表该下拉菜单可以多选。
<select name="cd" id="city" multiple> <option value="0">请选择</option> <option value="1">北京</option> <option value="2">天津</option> </select>
5.文本域(<textarea> </textarea>)
具有滚动条的多行文本输入控件。






