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

來源:互聯網
上載者:User

標籤:方式   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常用標籤

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.