?
??HTML5 的標簽類型豐富多樣,每種類型都有其獨特的功能和用途,以下是一些常見的 HTML5 標簽類型介紹:
🦋結構標簽
🪭<html>
:它是 HTML 文檔的根標簽,所有其他標簽都包含在這個標簽內,就像一個大容器,把整個網頁的內容都包裹起來。🪭<head>
:這個標簽里包含的是關于網頁的元信息,比如網頁的標題、引入的外部樣式表、腳本等,這些信息不會直接顯示在網頁頁面上,但對網頁的顯示和功能起著重要的作用。🪭<body>
:網頁中實際顯示的內容都放在<body>
標簽里,比如文字、圖片、按鈕等所有能被用戶看到的元素都在這個標簽內部。🪭<header>
:通常用來表示網頁或頁面中某個區域的頭部部分,比如網站的 logo、導航欄等內容可以放在<header>
標簽里。🪭<footer>
:與<header>
相對,用于表示網頁或頁面中某個區域的底部部分,一般包含版權信息、聯系方式等內容。
🦋文本標簽
🪭<h1>
?-?<h6>
:這是標題標簽,<h1>
是最大的標題,<h6>
是最小的標題。它們用于突出顯示網頁中的不同級別標題,使內容結構更清晰,便于用戶快速了解網頁的主要內容。🪭<p>
:段落標簽,用于定義文本段落。只要是一段連續的文本,就可以把它放在<p>
標簽里,瀏覽器會自動在段落之間添加一些間距,使文本看起來更有條理。🪭<span>
:它是一個行內標簽,主要用于在不改變文本結構的情況下,對部分文本進行樣式設置或添加腳本行為。比如你想給一段文字中的某個詞設置特殊顏色,就可以把這個詞放在<span>
標簽里,然后對<span>
標簽設置樣式。🪭<em>
:用于強調文本,通常會以斜體的形式顯示。比如你想突出某個重要的詞語或句子,就可以把它放在<em>
標簽里。🪭<strong>
:也是用于強調文本,但它的強調程度比<em>
更強,一般會以粗體的形式顯示。
🦋多媒體標簽
🪭<img>
:用于在網頁中插入圖片。通過設置src
屬性來指定圖片的路徑,alt
屬性來提供圖片的描述信息,當圖片無法顯示時,就會顯示alt
屬性中的文字。🪭<audio>
:用于在網頁中嵌入音頻文件,支持多種音頻格式。可以通過src
屬性指定音頻文件的路徑,還可以設置controls
屬性來顯示音頻播放控制按鈕,讓用戶能夠播放、暫停、調節音量等。🪭<video>
:用來在網頁中播放視頻,同樣支持多種視頻格式。通過src
屬性指定視頻文件的路徑,controls
屬性來顯示視頻播放控制欄,還可以設置width
和height
屬性來指定視頻的寬度和高度。
🦋表單標簽
🪭<form>
:表單標簽,用于創建用戶輸入信息的表單。它可以包含各種表單元素,如文本輸入框、下拉菜單、單選按鈕、復選框等,用戶在表單中輸入的信息可以提交到服務器進行處理。🪭<input>
:這是最常用的表單元素之一,它可以根據不同的type
屬性值創建不同類型的輸入框,比如type="text"
創建文本輸入框,type="password"
創建密碼輸入框,type="checkbox"
創建復選框,type="radio"
創建單選按鈕等。🪭<select>
:用于創建下拉菜單,用戶可以從下拉列表中選擇一個選項。在<select>
標簽內部,通過<option>
標簽來定義下拉菜單中的每個選項。🪭<textarea>
:用于創建多行文本輸入框,用戶可以在其中輸入大量的文本內容,比如留言、評論等。
🦋布局標簽
🪭<div>
:這是一個非常常用的布局標簽,它就像一個容器,可以把網頁中的不同部分劃分成不同的區域,然后通過 CSS 樣式來對這些區域進行布局和樣式設置。🪭<ul>
?和?<li>
:<ul>
是無序列表標簽,<li>
是列表項標簽,它們通常一起使用來創建無序列表,比如項目符號列表。每個<li>
標簽代表列表中的一個項目。🪭<ol>
?和?<li>
:<ol>
是有序列表標簽,和<ul>
類似,但它創建的是有序列表,比如數字編號列表。<li>
同樣用于定義列表中的每個項目。
?