當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML 介绍及标签

發布時間：2025/7/25 HTML 72 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML 介绍及标签小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML
htyper text markup language 即超文本標記語言
超文本: 就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
標記語言: 標記（標簽）構成的語言.

標簽

標簽是由一對尖括號包裹的單詞構成例如: <html></html>;所有標簽中的單詞不可以數字開頭，標簽不區分大小寫，標簽可以嵌套但是不能交叉嵌套。
標簽可以擁有屬性，屬性通常以鍵值對出現，屬性名字必須全部小寫，屬性值必須以 " 或 ' 包裹，如：

<!DOCTYPE html> 標簽

現在瀏覽器對 html 頁面的模式有兩種：
BackCompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面。
CSS1Compat：標準模式，瀏覽器使用W3C的標準解析渲染頁面。
加上 <!DOCTYPE html> 標簽后，瀏覽器使用新的渲染方式，強烈建議啟用?？梢允褂?window.top.document.compatMode 查看瀏覽器的渲染方式，例如：

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script>alert(window.top.document.compatMode)</script> </head> <body></body> </html>

head 標簽

http-equiv 屬性主要向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容

非meta標簽

<title>klvchen - 博客園</title> // 瀏覽器標題欄或狀態欄上展示標題 <link rel="icon" href="http://www.jd.com/favicon.ico"> // 瀏覽器標題欄或狀態欄上展示標題旁的小圖標 <link rel="stylesheet" href="css.css"> // 頁面調用的 css 文件 <script src="hello.js"></script>　 // 頁面調用的 js 文件

body 標簽

標簽分為塊級標簽和內聯標簽
塊級標簽的特點：

占滿一行，寬度默認是瀏覽器的100%

可以容納其他塊元素和內聯元素

內聯標簽的特點：

內聯元素寬度默認是它文字或圖片的寬度，不可改變

可以跟其他元素在同一行上

內聯元素只能容納文本或者其他內聯元素

塊級標簽：<div> <p> <h1-6> <ul> <ol> <dl> 內聯標簽：<a> <img> <input> <span> <select> <textarea>

塊級標簽：

1.<p> : 標簽定義段落

<p>標簽定義段落</p> <p>標簽定義段落</p>

2.<h1> to <h6> : 定義 HTML 標題

3.<ol> : 定義有序列表

<ol><li>Coffee</li><li>Tea</li><li>Milk</li> </ol>

4.<ul> : 定義無序列表

<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>

5.<div> : 標簽定義 HTML 文檔中的一個分隔區塊或者一個區域部分

<div style="color:#0000FF"><h3>這是一個在 div 元素中的標題。</h3><p>這是一個在 div 元素中的文本。</p> </div>

6.<hr> : 定義水平線

<hr>

內聯標簽：

1.<a> : 定義超文本鏈接

<a href="http://www.klvchen.com">訪問klvchen!</a>

2.<img> : 定義圖像

3. <sub> : 定義下標文本。<sup>定義上標文本。

<p>這個文本包含 <sub>下標</sub>文本。</p> <p>這個文本包含 <sup>上標</sup> 文本。</p>

4. <textarea> : 定義多行的文本輸入控件。

<textarea rows="10" cols="30"> 我是一個文本框。 </textarea>

5. <span> : 用于對文檔中的行內元素進行組合。

6. <b> : 定義文本粗體

7. <em> : 定義斜體

8. <del> : 定義被刪除文本

9. <select> : 下拉選標簽

出生地:<select># 出生地<select multiple size="2"> # 可以多選，默認顯示兩個選項<option>廣東</option><option>廣西</option><option>海南</option> </select>

出生地:<select><optgroup label="廣東省"><option>廣州</option><option>深圳</option></optgroup><optgroup label="浙江省"><option>杭州</option><option>溫州</option></optgroup> </select>

9. <label> : 為 input 元素定義標注

label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。

特殊標簽：

轉載于:https://www.cnblogs.com/klvchen/p/10143343.html

總結

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

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

标签
html