目錄

• 標題標簽
• 段落標簽
• 換行標簽
• 水平線標簽
• 文本格式化標簽
• 圖像標簽

標題標簽

HTML 標題（Heading) 是通過<h1> - <h6> 標簽來定義的
<h1> 定義最大的標題。 <h6> 定義最小的標題。

實例: <h1>這是一個標題</h1> 數字越小,字體越大。 <h2>這是一個標題</h2> <h3>這是一個標題</h3>

段落標簽

HTML 段落 是通過標簽 <p> </p> 來定義的。
用段落的目的是因為，我們在編譯器里的寫的東西換行了。但是網頁是不會顯示換行的。
故用這個標簽可以自動的換一行。

實例 <p>這是一個段落。</p> <p>這是另外一個段落。</p>

換行標簽

HTML 換行 是通過標簽 <br> 來定義的，它是一個單標簽。

例子: 單標簽即可換行<br> 例子: 你好</br>

上面兩者都行，推薦第二種方式。

水平線標簽

HTML 水平線 <hr> 標簽在 HTML 頁面中創建水平線，它是一個單標簽。

例子: <hr> 或 </hr>

上面兩者都行,推薦方式二。

文本格式化標簽

標簽描述

<b>	定義粗體文字
<em>	定義著重文字
<i>	定義斜體字
<small>	定義小號字
<strong>	定義加重語氣
<sub>	定義下標字
<sup>	定義上標字
<ins>	定義插入字
<del>	定義刪除字

<!--例子: 粗體--> <strong>你好</strong>

圖像標簽

常見的圖像格式: JPG,GIF,PNG,BMP。

HTML 圖像 是通過標簽 <img> 來定義的。

• 源屬性(src): src 指 “source”。源屬性的值是圖像的 URL 地址。可以使用絕對地址，也可以用相對地址。
• Alt屬性: alt 屬性用來為圖像定義一串預備的可替換的文本。
  在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。此時，瀏覽器將顯示這個替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個好習慣，這樣有助于更好的顯示信息，并且對于那些使用純文本瀏覽器的人來說是非常有用的。
• height（高度） 與 width（寬度）屬性用于設置圖像的高度與寬度。

實例 <img loading="lazy" src="1.jpg" width="258" height="39" /> 注意圖片的路徑 //loading="lazy" 懶加載

總結

以上是生活随笔為你收集整理的HTML之常用标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。