HTML基礎(chǔ)

HTML 指的是超文本標(biāo)記語言: HyperText Markup Language

HTML 不是一種編程語言,而是一種標(biāo)記語言

標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)

HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁

HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容

HTML文檔也叫做 web 頁面

<標(biāo)簽>內(nèi)容</標(biāo)簽>

HTML 元素

"HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思.

但是嚴(yán)格來講, 一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽

<!DOCTYPE> 聲明

<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。

網(wǎng)絡(luò)上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網(wǎng)頁內(nèi)容

<!DOCTYPE html> 聲明為 HTML5 文檔

<html> 元素是 HTML 頁面的根元素

<head> 元素包含了文檔的元(meta)數(shù)據(jù),如 <meta charset="utf-8"> 定義網(wǎng)頁編碼格式為 utf-8。

<title> 元素描述了文檔的標(biāo)題

<body> 元素包含了可見的頁面內(nèi)容

<h1> 元素定義一個(gè)大標(biāo)題

<p> 元素定義一個(gè)段落

HTML 標(biāo)題

HTML 標(biāo)題(Heading)是通過<h1> - <h6> 標(biāo)簽來定義的.

HTML 段落是通過標(biāo)簽 <p> 來定義的.

HTML 鏈接是通過標(biāo)簽 <a> 來定義的.

<a >這是一個(gè)鏈接</a>

HTML 圖像是通過標(biāo)簽 <img> 來定義的.

<img src="/images/logo.png" width="258" height="39" />

屬性是 HTML 元素提供的附加信息。

HTML 屬性

HTML 元素可以設(shè)置屬性

屬性可以在元素中添加附加信息

屬性一般描述于開始標(biāo)簽

屬性總是以名稱/值對(duì)的形式出現(xiàn),比如:name="value"

<br> 換行標(biāo)簽

<hr> 標(biāo)簽在 HTML 頁面中創(chuàng)建水平線。

<!-- 這是一個(gè)注釋 -->

HTML 文本格式化

<b>加粗</b>

<i>斜體</i>

<sub>下標(biāo)</sub>

<sup>上標(biāo)</sup>

<pre>

此例演示如何使用 pre 標(biāo)簽

對(duì)空行和? ? 空格

進(jìn)行控制

</pre>

<abbr>縮寫</abbr>

<p><bdo dir="rtl">該段落從右到左顯示</bdo></p>

<q>這是一個(gè)引用該文字加引號(hào)</q>

<ins>插入字</ins>

<del>刪除</del>

<button>按鈕</button>

<small> 定義小號(hào)字

<strong>定義加重語氣

<em>定義著重文字

<a target="_blank" rel="noopener noreferrer">訪問菜鳥教程打開新窗口!</a>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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