當(dāng)前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML 介绍及标签

發(fā)布時(shí)間：2025/7/25 HTML 63 豆豆

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

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

標(biāo)簽

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

<!DOCTYPE html> 標(biāo)簽

現(xiàn)在瀏覽器對 html 頁面的模式有兩種：
BackCompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面。
CSS1Compat：標(biāo)準(zhǔn)模式，瀏覽器使用W3C的標(biāo)準(zhǔn)解析渲染頁面。
加上 <!DOCTYPE html> 標(biāo)簽后，瀏覽器使用新的渲染方式，強(qiáng)烈建議啟用。可以使用 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 標(biāo)簽

http-equiv 屬性主要向?yàn)g覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容

非meta標(biāo)簽

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

body 標(biāo)簽

標(biāo)簽分為塊級(jí)標(biāo)簽和內(nèi)聯(lián)標(biāo)簽
塊級(jí)標(biāo)簽的特點(diǎn)：

占滿一行，寬度默認(rèn)是瀏覽器的100%

可以容納其他塊元素和內(nèi)聯(lián)元素

內(nèi)聯(lián)標(biāo)簽的特點(diǎn)：

內(nèi)聯(lián)元素寬度默認(rèn)是它文字或圖片的寬度，不可改變

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

內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素

塊級(jí)標(biāo)簽：<div> <p> <h1-6> <ul> <ol> <dl> 內(nèi)聯(lián)標(biāo)簽：<a> <img> <input> <span> <select> <textarea>

塊級(jí)標(biāo)簽：

1.<p> : 標(biāo)簽定義段落

<p>標(biāo)簽定義段落</p> <p>標(biāo)簽定義段落</p>

2.<h1> to <h6> : 定義 HTML 標(biāo)題

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> : 標(biāo)簽定義 HTML 文檔中的一個(gè)分隔區(qū)塊或者一個(gè)區(qū)域部分

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

6.<hr> : 定義水平線

<hr>

內(nèi)聯(lián)標(biāo)簽：

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

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

2.<img> : 定義圖像

3. <sub> : 定義下標(biāo)文本。<sup>定義上標(biāo)文本。

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

5. <span> : 用于對文檔中的行內(nèi)元素進(jìn)行組合。

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

7. <em> : 定義斜體

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

9. <select> : 下拉選標(biāo)簽

出生地:<select># 出生地<select multiple size="2"> # 可以多選，默認(rèn)顯示兩個(gè)選項(xiàng)<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 元素定義標(biāo)注

label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。

特殊標(biāo)簽：

轉(zhuǎn)載于:https://www.cnblogs.com/klvchen/p/10143343.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

标签
html