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