HTML常用標(biāo)簽小結(jié)

前言:HTML是用來描述網(wǎng)頁的一種語言 是一種超文本標(biāo)記語言?

1.行標(biāo)題

格式:<h1>行標(biāo)題</h1>

注:標(biāo)題(Heading)是通過<h1>到<h6>等標(biāo)簽進行定義

<h1>定義最大的標(biāo)題 以此類推 <h6>定義最小的標(biāo)題

2.段落標(biāo)簽

格式:<p>段落標(biāo)簽</p>

注:<p>是塊級元素 瀏覽器會自動地在段落的前后添加空行

3.HTML鏈接

格式:<a >百度</a>

4.HTML圖像

格式:<img src = "w3chool.jpg" width = "104" height = "300"/>

5.水平線

格式:<hr/>

6.html定義HTML文檔

格式:<html></html>

7.body定義文檔的主體

格式:<body></body>

8.定義注釋

格式:<!-- this is a comment -->

9.對齊及背景色屬性

對齊屬性

格式:<h1 align = "center">對齊屬性</h1>

背景色屬性

<body bgcolor="yellow"></body>

10.換行標(biāo)簽

格式:<br/>

注:我們無法確定 HTML 被顯示的確切效果。屏幕的大小,以及對窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果。

對于 HTML,您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。當(dāng)顯示頁面時,瀏覽器會移除源代碼中多余的空格和空行。所有連續(xù)的空格或空行都會被算作一個空格。

需要注意的是,HTML 代碼中的所有連續(xù)的空行(換行)也被顯示為一個空格。

11.樣式屬性 style

實例:<p style = "font-size:20px">樣式style</p>

段落字體大小為20px

style 屬性淘汰了“舊的” bgcolor 屬性。

新的:<body style = "background-color:yellow"></body>

style 屬性淘汰了舊的<font>標(biāo)簽。

新的:<p style = "font-family:arial;color:red;font-size:20px;">font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸</p>

style 屬性淘汰了舊的 "align" 屬性。

新的:<h1 style = "text-align:center">新的文本對齊方式</h1>

12.HTML文本格式化

格式:

<b>這是粗體</b>

<strong></strong>

<big>定義大號字</big>

<em>定義著重文字</em>

<i>定義斜體字</i>

<small>定義小號字</small>

<sub>定義下標(biāo)字</sub>

<sup>定義上標(biāo)字</sup>

<pre>這是預(yù)格式文件 即使用這個標(biāo)簽可以把文本可以按照你現(xiàn)在寫的樣子保存下來</pre>

13.“計算機輸出” 標(biāo)簽:

<code>定義計算機代碼</code>

<kbd>定義鍵盤碼</kbd>

<tt>定義打字機代碼</tt>

<samp>定義打字機代碼樣本</samp>

<var>定義變量</var>

<address>地址</address>

14.塊引用:

<blockquote>長引用</blockquote>

<q>短的引用</q>

15.刪除文字

<del>刪除刪除的字</del>

<ins>下劃線文字</ins>

16.縮略詞

<abbr>元素定義縮寫或首字母縮略語。</abbr>

<cite>定義著作的標(biāo)題。瀏覽器通常會以斜體顯示元素。</cite>

<bdo ?dir = "rtl">定義文本書寫方向 從右往左(rtl) ?</bdo>

17.HTML鏈接 - target屬性

使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。

如果把鏈接的 target 屬性設(shè)置為 "_blank",該鏈接會在新窗口中打開

<a target="_blank">Visit W3School!</a>

18.表格

表格由<table> ?標(biāo)簽來定義。每個表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若干單元格(由<td>

標(biāo)簽定義)。字母 td 指表格數(shù)據(jù)(table data),即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

<table>表格</table>

<tr>行</tr>、

<td>單元格</td>

19.列表

無序列表 以粗體圓點 典型的小黑圓圈 進行標(biāo)記

<ul>

? ? ?<li>咖啡</li>?

? ? <li>茶</li>

? ? <li>牛奶</li>

</ul>

有序列表 默認從1開始 ?若設(shè)置了start 則從start開始?

<ol start="50">

<li>咖啡</li>

<li>牛奶</li>

</ol>

20.塊

大多數(shù) HTML 元素被定義為塊級元素或內(nèi)聯(lián)元素。

<div>元素是塊級元素,它是可用于組合其他 HTML 元素的容器。

<span>元素是行內(nèi)聯(lián)元素,可用作文本的容器

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 14,180評論 1 92
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,533評論 1 41
  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋。注釋內(nèi)容不會被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,250評論 1 25
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,384評論 0 16
  • 很多人都有戀愛恐懼癥,但她們害怕的不是戀愛,而是怕受傷害。 一個人只有在恐懼到極點時,才會用拒絕來做保護。 因為她...
    文字里的拾荒者閱讀 735評論 0 0

友情鏈接更多精彩內(nèi)容