一：标签

 1:强调

<strong>加醋、<em>斜体

2:单独样式

<span>如果不加样式，那它包围的文字就是普通文字，可以在span中增加样式，就所包围的内容进行单独样式定制。

3:引用

短文本引用：单行引用，用<q>标签加双引号

长文本引用：多行引用，用<blockquote>标签

4:换行

<br/>

5:空格

&nbsp;

6:水平分割线

<hr/>

7:地址

<address>斜体显示地址

8:代码

<code>以特殊格式显示单行代码

9:多行代码

<pre>以特殊格式显示多行代码，会保留空格和换行符。

10:无序列表：列表项前是原点

     
  
      
列表内容
  。。。
     

 

11:有序列表：列表项前是序号

     
   
      
信息
   
      
信息
   ......
     

 

12：排版

<div id="模块名称">

为每一模块命名，让代码更清晰易懂。

 

13:表格

创建表格的四个元素：table、tbody、tr、th、td

<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）

 <tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。

<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

<th>…</th>：表格表头，居中加粗。

 

14:表格标题与摘要

     
        …    
…
          
       标题文本
      
          
       
                
…
                
…
       
      
     

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

标题用以描述表格内容，标题的显示位置：表格上方。

 

15:超链接的打开动作

_blank -- 在新窗口中打开链接

_parent -- 在父窗体中打开链接

_self -- 在当前窗体打开链接,此为默认值

_top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)

一个对应的框架页的名称 -- 在对应框架页中打开

 

16:用a标签实现邮件功能

有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

 

17:多行文本输入的区域尺寸

可以用css中的width、height控制。

 

18:表单输入标签

<input>

根据type属性不同，可以输入：文本text、密码password、单选课radio、复选框checkbox、提交按钮submit、重置按钮reset

单选框、复选框用name属性来分组，同name属性值的为一组。

 

19:单选下拉列表

  显示文本//被选中

 

20:多选下拉列表

  显示文本

 

21:label文本标签

可以为文本绑定一个其他元素，点击该文本时选中所绑定的元素。