2016年10月24日--HTML常用标签

body的属性：

bgcolor                页面背景色

background             背景壁纸、图片

text                     文字颜色

topmargin               上边距

leftmargin                左边距

rightmargin            右边距

bottommargin           下边距

格式控制标签：

<font color="" face="" size=""></font>

<font size="+4" color="#FF0000">字体格式控制标签：</font>

效果展示： 字体格式控制标签

分别控制字体的颜色、字体和大小。

---

<b></b>                字体加粗

<b>文字加粗方式1，b标签</b>

效果展示： 文字加粗方式1，b标签

---

<strong></strong>     字体加粗

<strong>文字加粗方式2，strong标签</strong>

效果展示： 文字加粗方式2，strong标签

---

<i></i>                    倾斜

<i>文字倾斜方式1，i标签</i>

效果展示： 文字倾斜方式1，i标签

---

<em></em>             倾斜

<em>文字倾斜方式2，em标签</em>

效果展示： 文字倾斜方式2，em标签

---

<u></u>                下划线

<u>文字加下划线，u标签</u>

效果展示： 文字加下划线，u标签

---

<center></center>      居中

<center>center 居中。前后若有其他执行前后换行。保证自身是一个整体，然后进行居中显示</center>

效果展示：

center 居中。前后若有其他执行前后换行。保证自身是一个整体，然后进行居中显示

---

<br>或<br/>            相当于回车

内容容器标签：

　　<h1></h1>            标题，会自动换行。HTML标题是通过<h1>到<h6>等标签来定义的。

前后若有其他执行前后换行。并且空开一行根据所在区域的默认文字大小，来决定增加多少字号，减少多少字号

<h1>111111</h1>
<h2>222222</h2>
<h3>333333</h3>
<h4>444444</h4>
<h5>555555</h5>
<h6>666666</h6>

效果展示：

111111

222222

333333

444444

555555

666666

---

 　　<p></p>              段落标签（段落之间空行）

111<p>p标签，段落标签。默认，前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体。</p>111

　　效果展示：

111

p标签，段落标签。默认，前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体。

111

---

　　<div></div>           层标签（默认占用一行）

<div style="background-color:#0F0">div层标签，默认一上来就占用一整行</div>

　　效果展示：

div层标签，默认一上来就占用一整行

---

　　<span></span>       层标签（默认用掉多大空间占用多大空间）

<span style="background-color:#63C">span层标签，默认使用多少就占用多少</span>

　　效果展示：span层标签，默认使用多少就占用多少

---

<ol type="1">        有序列表

    <li>内容<li>

    <li>内容<li>

</ol> 

<ol type="A">ol有序列表
<li>自带序号</li>
<li>自动换行</li>
<li>默认，前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体</li>
</ol>

　　效果展示：

ol有序列表
1. 自带序号
2. 自动换行
3. 默认，前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体

---

 <ul type="1">        无序列表

    <li>内容<li>

    <li>内容<li>

</ul> 

<ul>ul无序列表
<li>不自带序号</li>
<li>自动换行</li>
<li>默认，前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体</li>
</ul>

　　效果展示：

ul无序列表
• 不自带序号
• 自动换行
• 默认，前后若有其他，执行前后换行，并且空开一行，保证自身是一个整体

---

 <a href="超链接地址">超链接的文字</a>        超链接标签

<a href="http://www.baidu.com" target="_blank">超链接标签 target="_blank"新窗口打开</a><br />
<a href="http://www.baidu.com" target="_parent">超链接标签 target="_parent"在当前页面打开</a><br />

　　效果展示：超链接标签 target="_blank"新窗口打开
　　　　　　　　超链接标签 target="_parent"在当前页面打开

---

 <img src="图片地址" alt="文字" width="" height="" />      图片标签

<img src="http://files.cnblogs.com/files/hqxc/001.ico" height="100" alt="这是啥" title="这是一张图" />

　　效果展示：