整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
于剛剛接觸到超文本的朋友來說，最大的障礙就是用“<”和“>”闊起來的句子，我們稱之為標(biāo)簽。大多數(shù)標(biāo)簽都有自己的屬性，屬性要寫在首標(biāo)簽中，屬性用來進(jìn)一步改變現(xiàn)實(shí)的效果。各屬性之間為先后次序，屬性是可選的。屬性也可以省略而使用默認(rèn)值。格式是這樣的<標(biāo)簽名 屬性1=屬性值 1 屬性2=屬性值 2 ......>。注意：標(biāo)簽和屬性不區(qū)分大小寫。
html文檔結(jié)構(gòu)由三個部分組成。
1.頭部
2.標(biāo)題
3.元標(biāo)簽
<1>大家都學(xué)過英語，一定知道頭的英語單詞是“head”。沒錯，在html中，我們也使用head來表示文檔的頭部，即<head>...</head>。頭部位于<html>和</html>之間。
例如：<html>
<head>
</head>
</html>
<2>標(biāo)題用英語怎么說呢？title，其實(shí)網(wǎng)頁與人一樣，網(wǎng)頁的眼睛也在頭上，在<title>標(biāo)簽對內(nèi)部放入你想要看到的文字，這樣我們就能隨意操縱標(biāo)題欄的內(nèi)容了。比如：
<html>
<head>
<title>你好啊</title>
</head>
</html>
<3>在<head> 標(biāo)簽的內(nèi)部還可以嵌套另一個重要的標(biāo)簽：<meta>這個標(biāo)簽，此標(biāo)簽用于描述html頁面文檔的屬性，如作者、日期和時間、網(wǎng)頁描述、關(guān)鍵字、頁面刷新等。例如：
<meta http-equiv="Content-Type"content="text/html;charset=gb2312">
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>無標(biāo)題文檔</title> </head> <body> // 頁面源代碼內(nèi)容 </body> </html>
動手小練習(xí)：
1.試著默寫HTML基本結(jié)構(gòu)
x0文件頭部內(nèi)容
1、----------------------設(shè)置頁面標(biāo)題<title>
2、----------------------設(shè)置基底網(wǎng)址<base>
3、----------------------設(shè)置基準(zhǔn)文字<basefont>
4、----------------------定義元信息<meta>
5、----------------------設(shè)置頁面關(guān)鍵字<keywords>
6、----------------------設(shè)置頁面過期時間<expires>
0x02
設(shè)置標(biāo)題<title>
實(shí)例代碼：
<html>
<head>
<title>請?jiān)谶@里輸入標(biāo)題</title>
</head>
<body>
請看標(biāo)題欄
</body>
</html>
設(shè)置基底網(wǎng)址<base>
<html>
<head>
<!--href是連接地址；target是頁面顯示的目標(biāo)窗口-->
<base target="_self">
</head>
<body>
<A href="">點(diǎn)擊</A>
</body>
</html>
點(diǎn)擊藍(lán)色字體“點(diǎn)擊”，直接跳到網(wǎng)頁上面。
設(shè)置基準(zhǔn)文字<basefont>
<html>
<head>
<!--face屬性用于設(shè)置文字名稱 size字體大小 color字體顏色 -->
<basefont face="宋體" size="h2" color="#666666">
</head>
<body>
<A href="">點(diǎn)擊</A>HHHHHHHHH
</body>
</html>
由于顏色不明顯就不截圖了。。。哈哈
定義元信息<meta>
<meta http-equiv=" " name=" " content=" ">
<meta> 元素可提供有關(guān)頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。
<meta> 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。
name 屬性
提供了名稱/值對中的名稱。HTML 和 XHTML 標(biāo)簽都沒有指定任何預(yù)先定義的 <meta> 名稱。通常情況下，您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。
類似這樣的 meta 標(biāo)簽可能對于進(jìn)入搜索引擎的索引有幫助：
<meta name="keywords" content="HTML,ASP,PHP,SQL">
如果沒有提供 name 屬性，那么名稱/值對中的名稱會采用 http-equiv 屬性的值。
http-equiv 屬性
http-equiv 屬性為名稱/值對提供了名稱。并指示服務(wù)器在發(fā)送實(shí)際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。
當(dāng)服務(wù)器向?yàn)g覽器發(fā)送文檔時，會先發(fā)送許多名稱/值對。雖然有些服務(wù)器會發(fā)送許多這種名稱/值對，但是所有服務(wù)器都至少要發(fā)送一個：content-type:text/html。這將告訴瀏覽器準(zhǔn)備接受一個 HTML 文檔。
使用帶有 http-equiv 屬性的 <meta> 標(biāo)簽時，服務(wù)器將把名稱/值對添加到發(fā)送給瀏覽器的內(nèi)容頭部。例如，添加：
<meta http-equiv="charset" content="iso-8859-1"> <meta http-equiv="expires" content="31 Dec 2008">
設(shè)置頁面關(guān)鍵字<keywords>/設(shè)置頁面過期時間<expires>
"keywords" 是一個經(jīng)常被用到的名稱。它為文檔定義了一組關(guān)鍵字。某些搜索引擎在遇到這些關(guān)鍵字時，會用這些關(guān)鍵字對文檔進(jìn)行分類
"expires"用于設(shè)計頁面過期時間，content屬性設(shè)置具體過期時間。
<html>
<head>
<title>設(shè)置頁面時間過期時間</title>
<meta http-equiv=" expires" content="FRI,1 JUN 2007 00 00 00 GMT" charset="UTF-8">
</head>
<body>
</body>
</html>
0X03body內(nèi)容
設(shè)置頁面背景-------------------bgcolor
設(shè)置頁面邊距-------------------topmargin leftmargin rightmargin bottomnargin
設(shè)計正文顏色-------------------text
bgcolor
<html>
<head>
<title>設(shè)置頁面時間過期時間</title>
<meta http-equiv=" expires" content="FRI,1 JUN 2007 00 00 00 GMT" charset="UTF-8">
</head>
<body bgcolor="red">
</body>
</html>
顯示情況：
topmargin：顯示內(nèi)容和瀏覽器頂部的距離
leftmargin ：顯示內(nèi)容和瀏覽器左邊的距離
rightmargin：顯示內(nèi)容和瀏覽器右邊的距離
bottomnargin：顯示內(nèi)容和瀏覽器底部的距離
<body text="">字體顏色
<html>
<head>
<title>設(shè)置頁面時間過期時間</title>
<meta http-equiv=" expires" content="FRI,1 JUN 2007 00 00 00 GMT" charset="UTF-8">
</head>
<body text="blue" bgcolor="red" topmargin=100 leftmargin=20 rightmargin=20 bottomnargin=180>
</body>
</html>
例子：
認(rèn)識各個html標(biāo)簽的作用，有助于web滲透。。。下個文章看看文字和段落。
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
