2016年10月24日--HTML常用標籤

標籤：方式   class   baidu   under   其他   內容   標題   htm   parent   

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>

 效果展示： 

111111222222333333444444555555666666

 　　<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://image.mamicode.com/info/201610/20180110212609899807.ico" height="100" alt="這是啥" title="這是一張圖" />

     　　效果展示：

2016年10月24日--HTML常用標籤