<html>內(nèi)容</html>
解釋
HTML文檔的文檔標(biāo)記,也成為HTML開是標(biāo)記
功能
這對(duì)標(biāo)記分別位于網(wǎng)頁的最前端和最后端
<html>:在最前端表示網(wǎng)頁的開始
</html>:自最后端表示網(wǎng)頁的結(jié)束
/:表示閉合標(biāo)簽
<head>內(nèi)容</head>
解釋
HTML文件頭標(biāo)記,也成為HTML頭信息開始標(biāo)記
功能
用來包含文件的基本信息,比如網(wǎng)頁的標(biāo)題,關(guān)鍵字,在<head></head>內(nèi)可以放<title></title> ,,<style></style>等等標(biāo)記
注意
在<head></head>標(biāo)記內(nèi)的內(nèi)容不會(huì)在瀏覽器中顯示
<title>內(nèi)容</title>
解釋
HTML文件標(biāo)題標(biāo)記
功能
網(wǎng)頁的“主題”,顯示在瀏覽器的窗口的左上邊
注意
網(wǎng)頁的標(biāo)題不能太長,要短小精悍,能具體反應(yīng),<title></title>標(biāo)記中不能包含其他標(biāo)記,而且只能在<head>內(nèi)容</head>中。
<body>內(nèi)容</body>
解釋
HTML文檔的主體標(biāo)記
功能
<body>內(nèi)容</body>是網(wǎng)頁的主體部分,在此標(biāo)記之間可以包含<p></p>,<h1></h1>,<br></br>正是由于這些內(nèi)容組成了我們所看見的網(wǎng)頁。
body標(biāo)記常見的屬性
- bgcolor:設(shè)置背景顏色 <body bgcolor="red">內(nèi)容</body>
- text:設(shè)置文本顏色 <body text="green">內(nèi)容</body>
- link:設(shè)置連接顏色 <body link="blue">內(nèi)容</body>
- vlink:已經(jīng)訪問了的連接顏色 <body vlink="yellow">內(nèi)容</body>
- alink:正在被點(diǎn)擊的連接顏色 <body alink="red">內(nèi)容</body>
<meta>內(nèi)容</meta>
解釋
頁面的原信息(meta-information)
功能
提供有關(guān)頁面的原信息(meta-information),比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
必須的屬性
content 值:some_text 定義name相關(guān)的原信息。
常見的屬性
常用的name屬性:author,keywords,description,others。
把content屬性關(guān)聯(lián)到一個(gè)名稱
比如描繪出網(wǎng)頁的關(guān)鍵詞:<meta name=“keywords” content=“呼叫bree”>
注意
meta標(biāo)記必須在head元素里邊
實(shí)戰(zhàn)
測(cè)試代碼
<title>第二節(jié)課</title>:設(shè)置標(biāo)題為“第二節(jié)課”
bgcolor="gray":背景顏色會(huì)灰色
text="yellow":字體顏色為黃色
link="green":連接顏色為綠色
vlink="red" :正在點(diǎn)擊的連接為紅色
alink="blue":訪問過的連接為藍(lán)色
<a >百度</a>:定義一個(gè)連接
<html>
<head>
<title>第二節(jié)課</title>
<!--指定字符集-->
<meta charset="UTF-8">
<meta name="keywords" content="呼叫bree">
</head>
<body bgcolor="gray" text="yellow" link="green" vlink="red" alink="blue">
這是一個(gè)內(nèi)容的標(biāo)題
<a >百度</a>
<a >百度</a>
<a >百度</a>
</body>
</html>
效果