1，换行               <br/>       

2,  空格               &nbsp;       

3,  段落               <p></p>      

4,  图片               <img src="http://www.mamicode.com/路径" title="图片标题" alt="裂图后显示的文字（防止裂图）" />        

5,  超链接            <a href="http://www.mamicode.com/路径"  target="_black"(新建选项卡打开)>要是用什么内容超链接（图片/文字）</a>           

6，表

<table> 表                     

<tr>行                           

<td>单元格                         

</td>单元格结束                

</tr>行结束                    

</table>表结束

width=""     宽          align=""     水平位置               valign=""   上下位置

height=""    高          background=""     背景图片          bgcolor=""       背景色

border=""    表格边线              bordercolor=""   表格边线颜色       cellpadding=""   单元格内容到边线距离

cellspcing=""    单元格间距

7，表单12元素 

 <form action="服务器路径" method="pose(常用)/get(不常用)">

表单内容

</form>

（1）文本类

I。文本框：<input type="text"/> （不可调节大小，显示输入内容，长度不限制）        placeholder="" (灰色内容)        value=""（默认显示内容）

II。密码框：<input type="password"/>（不可调节大小，输入内容显示●，长度不限制）placeholder="" (灰色内容)         value=""（默认显示内容，但是显示●）

III。文本域：<textarea></textarea>（可调节大小，多行文本，长度不限制）              placeholder="" (灰色内容)         

IV。隐藏文本框：<input type="hidden"/>（计算机查看，用户看不到）

（2）按钮类

I。普通按钮：<input type="button"/>                              value=""  （按钮改名）                                      

II。提交按钮：<input type="submit"/>                            value=""   （按钮改名）                             

III。重置按钮：<input type="reset"/>                              value=""  （按钮改名）                                  

IV。图片提交按钮：<input type="image" src="http://www.mamicode.com/路径"/>        

（3）选择类

I。单选：<input type="radio"    1.name="" （分组）     2.value="" （上传到服务器数据）    3. id="值"    /> 

<label for="值">（图片/文字）</label> （点击文字也可选择）

II。多选：<input type="checkbox"/>     1.name="" （分组）     2.value="" （上传到服务器数据）    3. id="值"  /> 

<label for="值">（图片/文字）</label> （点击文字也可选择）

III。下拉菜单：     

<select>                                           value="" （上传到服务器数据）

<option>值1</option>

<option>值1</option>

</select>

IV。上传文件：<input type="file"/>      value="" （上传内容的路径）

8，标题标记   （自动换行）

<h1></h1>（大级标题） 字体最大        

<h2></h2>（二级标题）字体小

<h3></h3>（三级标题）字体更小

 .....    .....

<h6></h6>（六级标题）字体最小

9，层标签

I。<div>内容</div>             （块级元素，完成后自动换行 ）                                                                       

II。<span>内容</span>         （行内元素，完成后不会自动换行）      

10，列表

I。有序列表：

<ol type="a/1/I">             显示：             type="a"                   "1"                                     "I"

<li>内容1</li>                                       a.内容1                        1. 内容1                            I.内容1                                      

<li>内容2</li>                                       b. 内容2                       2.  内容2                          II.内容2           

</ol>

II。无序列表：                    显示：

<ul type="circle">                                      

<li>内容1</li>                    . 内容1               

<li>内容2</li>                    . 内容2               

</ul>                               

HTML 常用标记