html常用標籤介紹

來源:互聯網
上載者:User

標籤:開啟   code   idt   顯示   targe   文章   添加   引用   教程   

常用標籤介紹文本

最常用的標籤可能是<font>了,它用於改變字型,字型大小,文字顏色。

點擊查看效果

<font size="6">6</font>
<font size="4">4</font>
<font color="red" size="5">紅色的5</font>
<font face="黑體">黑體的字</font>

加粗,底線,斜體字也是常用的文字效果,它們分別用<b>,<u>,<i>表示:

點擊查看效果

<b>Bold</b>
<i>italic</i>
<u>underline</u>

還有一些標籤,用來指出包含的文本有特殊的意義,比如<abbr>(表示縮寫),<em>(表示強調),<strong>(表示更強地強調),<cite>(表示引用),<address>(表示地址)等等。這些標籤不是為了定義顯示效果而存在的,所以從瀏覽器裡看它們可能沒有任何效果,也可能不同的瀏覽器對這些標籤的顯示效果完全不同。

一篇很長的文章,如果有合適的小標題的話,就可以快速地對它的內容進行大致的瞭解。在HTML裡,用來表示標題的標籤有:<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,它們分別表示一級標題,二級標題,三級標題...

點擊查看效果

<h1>HTML 30分鐘教程</h1>
<h2>什麼是HTML</h2>
...
<h2>HTML是什麼樣的</h2>
...圖片

<hr>標籤用於在頁面上添加橫線。可以通過指定width和color屬性來控制橫線的長度和顏色。

點擊查看效果

<hr width="90%" color="red" />

<img>標籤用於在頁面上添加圖片,src屬性指定圖片的地址,如果無法開啟src指定的圖片,瀏覽器通常會在頁面上需要顯示圖片的地方顯示alt屬性定義的文本。

點擊查看效果

<img src="http://www.w3.org/Icons/valid-xhtml10" alt="圖片簡介" />

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.