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