标签

块标签：

1.  
   <div></div>  ：新建新的块
2. <h$></h$>  ：$为数字，h1~h6不能乱用，且h1只能出现一次

   ---

   
   
3. <ol></ol>  ：定义有序列表，下一级得嵌套<li>
4. <ul></ul>  ：定义无序列表，下一级得嵌套<li>
5. <li></li>  ：定义列表项目，为<ol>和<ul>下的子标签

   ---

   
   
6. <dl></dl>  ：定义自定义列表
7. <dt></dt>  ：定义自定义列表项目，一般应用于列表标题
8. <dd></dd>  ：定义自定义列表内容

   ---

   
   
9. <form></form>  ：为用户创建HTML表单，表单中能包含input元素，表单用于向服务器传输数据

   ---

   
   
10. <p></p>  ：定义段落，p元素会自动在其前后创建一些空白
11. <br>  ：换行符

 

特点： 默认宽度为充满整个父级：100%，可以设置height和width ；可以嵌套任何标签

 

---

行标签：

1. <span></span>：被用来组合文档中的行内元素
2. <var></var>      ：定义变量，在浏览器中一般会以斜体显示
   
3. <em></em>     ：强调内容
   
4. <a href=""></a>：用于连接
   
5. <img/>               ：单标签，定义一幅图像
   
6. <textarea></textarea>：创建多行文本输入控件，可以通过cols和rows属性来控制textarea尺寸
   
7. <strong></strong>：语气更强的强调方式
   
8. <input/>              ：用于搜集用户信息。根据不同type属性，可变为输入文本框，按钮，选框等多种形式

   ---

9. <select></select>：可创建选单或多选单
   
10. <option></option>：定义下拉选单列表中的属性，常位于<select>元素内部

 

 

特点：默认宽度就是内容宽度，部分不可以设置宽高 ；不能嵌套块，只能嵌套行（除了<a>）

---

 

表格：既不是行元素也不是块元素<table></table>：

• <caption></caption>：表格标题
  
• <tr></tr>：表格行
  
• <th></th>：表头
  
• <td></td>：定义单元格
  

---

表格注意事项

1. th默认加粗居中；
2. td默认垂直居中并向左对齐
3. 单元格默认是平分table的宽度
4. colspan  列合并（合并一行）
5. rowspan  行合并（合并一列）
6. cellpadding  单元格内大小
7. cellspacing  单元格之间距离

 

---

表单

<fieldset>元素可将表单内的相关元素分组

查看结果