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>