HTML標(biāo)記語(yǔ)言
一茁裙、HTML的語(yǔ)法
二塘砸、html的基本結(jié)構(gòu)
三、文檔設(shè)置標(biāo)記
四晤锥、圖像標(biāo)記
五掉蔬、超鏈接的使用
六、表格
七矾瘾、HTML框架
八女轿、表單設(shè)計(jì)
二、html的基本結(jié)構(gòu)
1. <html>內(nèi)容</html>
HTML文檔的文檔標(biāo)記壕翩,也稱為HTML開(kāi)始標(biāo)記,這對(duì)標(biāo)記分別位于網(wǎng)頁(yè)的最前端和最后端.
<html>在最前端表示網(wǎng)頁(yè)的開(kāi)始,</html>在最后端表示網(wǎng)頁(yè)的結(jié)束.
2. <head>內(nèi)容</head>
HTML文件頭標(biāo)記蛉迹,也稱為HTML頭信息開(kāi)始標(biāo)記
用來(lái)包含文件的基本信息,比如網(wǎng)頁(yè)的標(biāo)題放妈、關(guān)鍵字北救, 在<head></head>內(nèi)可以放<title></title>荐操、<meta></meta>、<style></style>等等標(biāo)記
??在<head></head>標(biāo)記內(nèi)的內(nèi)容不會(huì)在瀏覽器中顯示
3. <title>內(nèi)容</title>
HTML文件標(biāo)題標(biāo)記
功能 網(wǎng)頁(yè)的“主題”珍策,顯示在瀏覽器的窗口的左上邊
??網(wǎng)頁(yè)的標(biāo)題不能太長(zhǎng)托启,要短小精悍,能具體反應(yīng)頁(yè)面的內(nèi)容膛壹,<title></title>標(biāo)記中不能包含其他標(biāo)記
4. <body>內(nèi)容</body>
HTML文檔的主體標(biāo)記
功能 <body>...</body>
是網(wǎng)頁(yè)的主體部分驾中,在此標(biāo)記之間可以包含如<p></p>
、<h1></h1>
模聋、<br/>
肩民、<hr>
等等標(biāo)記,正是由這些內(nèi)容組成了我們所看見(jiàn)的網(wǎng)頁(yè)
body標(biāo)記的常見(jiàn)屬性
a) bgcolor 設(shè)置背景顏色
<body bgcolor="red"></body>
b) text 設(shè)置文本顏色
<body text="green"></body>
c) link 設(shè)置連接顏色
<body link="blue"></body>
d) vlink 已經(jīng)訪問(wèn)了的鏈接顏色
<body vlink="yellow"></body>
e) alink 正在被點(diǎn)擊的鏈接顏色
<body alink="red"></body>
5. <meta>內(nèi)容</meta>
頁(yè)面的元信息(meta-information)
1) 功能
提供有關(guān)頁(yè)面的元信息(meta-information)链方,比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞持痰。
2) 必須的屬性??
Content 值:some_text
定義與 http-equiv 或 name 屬性相關(guān)的元信息
3) 常見(jiàn)的屬性
常用的name屬性
- author
- keywords
- description
- others
把 content 屬性關(guān)聯(lián)到一個(gè)名稱。
比如描繪出網(wǎng)頁(yè)的關(guān)鍵詞:<meta name="keywords" content="麥子學(xué)院,IT在線培訓(xùn)">
??meta標(biāo)記必須放在head元素里面