自學HTML教程，一級至六級標題標簽

圖是一至六級標題.HTML代碼是怎么樣的？（自學示例1）

一級標題至六級標題

標題標簽表示一段文字的標題或主題，并支持多層的內容結構。例如一級標題采用<h1>，二級標題采用<h2>，其他級別標題以此類推。HTML共提供了六級標題 <h1>~<h6>.并賦予了標題一定的外觀，所有標題字體加粗，<h1>最大<h6>最小。

通過使用WebStorm工具，代碼如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>不同等級的標題標簽對比</title>
</head>
<body>
<h1>頭條號</h1>
<h2>頭條號</h2>
<h3>頭條號</h3>
<h4>頭條號</h4>
<h5>頭條號</h5>
<h6>頭條號</h6>
</body>
</html>

是不是很簡單，自己操作試一下吧。

這里的<html lang="en">可以理解為我編輯的這個頁面是英文的。Chrome之類的瀏覽器會提示是否需要翻譯。

TML 基礎- 4個實例

本章介紹了 HTML 中較為常用的標簽的實例。

您可能還沒接觸過這些實例，不過不用擔心，閱讀完本章您就能夠掌握它們了！

HTML 標題

HTML 標題（Heading）是通過<h1> - <h6> 標簽來定義的。

h 是英文header標題的縮寫，標題無處不在，它的應用范圍十分廣泛：網站結構、寫作文、PPT 等。h1 是主標題，h2 是副標題，h3、h4、h5、h6 依次遞減字體的大小。

實例

<h1>這是一個標題</h1>

<h2>這是一個標題</h2>

<h3>這是一個標題</h3>

HTML 段落

HTML 段落是通過標簽 <p> 來定義的，P 是英文paragraph段落的縮寫，經常被用來創建一個段落，就和你寫作文一樣，您可以進行實戰實驗。

實例

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

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

HTML 鏈接

HTML 鏈接是通過標簽 <a> 來定義的.a標簽，也叫anchor（錨點）元素，既可以用來鏈接到外部地址實現頁面跳轉功能，也可以鏈接到當前頁面的某部分實現內部導航功能。

實例

<a href="#">這是一個鏈接</a>

提示:在 href 屬性中指定鏈接的地址。

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

HTML 圖像

HTML 圖像是通過標簽 <img> 來定義的。使用img元素來為你的網站添加圖片，使用src屬性指向一個圖片的具體地址。

舉例如下：<img src="#">

請注意：img元素是自關閉元素，不需要結束標記。

實例

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

教學還沒結束喲，我會盡快編輯下一章。

我是一名前端開發程序員，自己整理了一份2019最全面前端學習資料，從最基礎的HTML+CSS+JS到移動端HTML5到各種框架都有整理，送給每一位前端小伙伴，這里是小白聚集地，歡迎初學和進階中的小伙伴
前端資料獲取方式：
1.在你手機的右上角有【關注】選項，點擊關注！
2.關注后，手機客戶端點擊我的主頁面，右上角有私信，請私信回復：【學習】
電腦已經設置好了關鍵詞自動回復，所以回復的時候請注意關鍵詞喲~

英國《太陽報》報道，菲律賓一位網頁設計師為了向自己的職業致敬，給自己的兒子取名為“Hypertext Mark-up Language（超文本標記語言）”。這位叫做Mac Pascual的父親表示，給新生兒取個獨一無二的名字是他們家族的傳統。他對自己的工作充滿熱情，決定給自己的寶寶取名為HTML。據媒體報道，這個寶寶出生在當地的布拉坎醫療集團合作醫院，體重2.25公斤。

6月10日，HTML的姑姑Salie Rayo Pascual拍下了這個可愛侄子的照片，并把照片發布到了Facebook上，標題是“HTML，歡迎來到這個世界”。這篇帖子很快引起了網友們的關注，大家紛紛評論并轉發了這個帖子。不過，還是有一些社交媒體用戶對這個奇特的名字進行了一番嘲笑，并嘲諷般地建議他給未來的孩子用一些其他的編碼縮寫來當名字，比如“Results-based management system”、“JavaScript”，或者是“Cascading Style Sheets（CSS）”。還有人對寶寶的名字表示了擔憂評論道：“將來，他可能會成為被欺負和被嘲笑的對象。”

HTML的爸爸解釋說，他自己的名字“Mac”就是“Macaroni'85”的縮寫，而他姐姐的名字是“Spaghetti'88（意大利面）”的縮寫。他的姐姐有兩個孩子，分別叫“Cheese Pimiento（辣椒奶酪）”和“Parmesan Cheese（帕爾瑪奶酪）”，所以他們的小名分別是“Chippy”和“Peewee”。HTML和其他名字不同尋常的嬰兒一樣，從出生起就成為了人們討論的話題。特斯拉的首席執行官Elon Musk和Claire Boucher（Grimes）就給自己的兒子取名為“X ? A-12 Musk”，因而上了新聞頭條。今年早些時候，模特兼女演員Emily Ratajkowski 通過社交媒體宣布，她將給自己剛出生的寶寶取名為“Sylvester Apollo Bear”。（中國青年網編譯報道）

來源：中國青年網

在線咨詢

上一篇：PHP 如何生成 html 文件？
下一篇：熬夜總結了“HTML5畫布”的知識點（共10條）

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。