1.表格
表格用<table>标签定义,<tr>表示一行,<td>表示列,<th>表示表头,<tbody>表示表的内容主题
2.列表
列表分为有序列表,无序列表,定义列表。无序列表是一个项目列表,此项目列表使用粗体圆点进行标记。无序列表始于<ul>,列表项始于<li>
<ul>
<li>水果</li>
<li>香蕉</li>
</ul>
浏览器显示结果:
- 水果
- 香蕉
有序列表也是一个项目列表,列表项目用数字进行标记。有序列表始于<ol>,列表项目始于</li>
<ol>
<li>水果</li>
<li>香蕉</li>
</ol>
浏览器显示结果:
1 水果
2 香蕉
自定义列表不仅仅是一列项目,而是项目与注释的组合。自定义列表以<dl>标签开始,每个自定义列表项以<dt>开始,每个自定列表项的定义以<dd>开始
<dl>
<dt>coffee</dt>
<dd>black hot drink</dd>
<dt>Milk</dt>
<dd>white cold drink</dd>
</dl>
浏览器显示结果:
coffee
black hot drink
Milk
white cold drink
3.<div>块元素,<span>内联元素
4.文本框,密码框
<input type="text" name="user"> //文本框
<input type="password" name="password" > //密码框,输入字符时,浏览器使用项目符号来代替这些字符
5.表单
表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入信息的元素,表单使用表单标签<form>定义
常用的表单元素input,input通过type来区分,type的类型有text, radio(单选按钮), checkbox(复选框)