『Web前端』 HTML入門(3)—— 基本的 HTML 標簽 - 四個實例

基本的 HTML 標簽 - 四個實例

本章通過實例向您演示最常用的 HTML 標簽。

提示:不要擔心本章中您還沒有學過的例子,您將在下面的章節(jié)中學到它們。

提示:學習 HTML 最好的方式就是邊學邊做實驗。您可以任意編輯一段 HTML 源碼在記事本中,然后用瀏覽器打開查看結(jié)果。

HTML 標題

HTML 標題(Heading)是通過 <h1> - <h6> 等標簽進行定義的。

示例:

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>請僅僅把標題標簽用于標題文本。不要僅僅為了產(chǎn)生粗體文本而使用它們。請使用其它標簽或 CSS 代替。</p>

</body>
</html>

HTML 段落

HTML 段落是通過 <p> 標簽進行定義的。

示例:

<html>
<body>

<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>

<p>段落元素由 p 標簽定義。</p> 

</body>
</html>

HTML 鏈接

HTML 鏈接是通過<a> 標簽進行定義的。

示例:

<html>
<body>

<a >
This is a link</a>

</body>
</html>

注釋:在 href 屬性中指定鏈接的地址。

(您將在本教程稍后的章節(jié)中學習更多有關(guān)屬性的知識)。

HTML 圖像

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

示例:

<html>
<body>

<img src="圖像的路徑" width="圖像寬" height="圖像高" />

</body>
</html>

注釋:圖像的名稱和尺寸是以屬性的形式提供的。

參考來源:https://www.w3school.com.cn/index.html

?著作權(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)容

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