整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
作網(wǎng)頁時，經(jīng)常需要設置網(wǎng)頁的基本信息，如網(wǎng)頁的標題、作者等。為此，HTML提供了一系列設置網(wǎng)頁信息的標簽，這些標簽通常都寫在
<head>標簽內(nèi)，也被稱為HTML.文檔頭部相關標簽。下面將介紹常用的HTML文檔頭部標簽中的<title>和<meta>標簽。
(1)<title>標簽
<title>標簽用于設置HTML頁面的標題，也就是為網(wǎng)頁取一個名稱。在網(wǎng)頁結構中，<title>標簽必須位于<head>標簽內(nèi)。一個HTML.文檔只能含有一個<title>標簽，<title></title>標簽之間的內(nèi)容將顯示在瀏覽器窗口的標題欄中。例如，將某個頁面標題設置為“輕松學習HTML.5”，示例代碼如下：
<title>輕松學習HIML.5</title>上述代碼對應的頁面效果如下圖：
(2)<meta>標簽
<meta>標簽用于定義頁面的元信息(元信息不會顯示在最終的頁面效果中)，可重復出現(xiàn)在標簽中。在HTML中,<meta>標簽是一個單標簽，本身不包含任何內(nèi)容，僅表示網(wǎng)頁的相關信息。通過標簽的屬性，可以定義頁面的相關參數(shù)。
例如，為搜索引擎提供網(wǎng)頁的關鍵字、作者姓名、內(nèi)容描述，以及定義網(wǎng)頁的刷新時間等。下面介紹<meta/>標簽常用的幾組設置，具體如下。
<meta name-”名稱”content-”值”>：在<meta>標簽中使用 name 屬性和 content 屬性可以為搜索引擎提供信息。其中，name屬性提供搜索內(nèi)容名稱，content屬性提供對應的搜索內(nèi)容值，這些屬性的具體應用如下。
設置網(wǎng)頁關鍵字，如某圖像網(wǎng)站的關鍵字設置，示例代碼如下：
<meta name=“keywoxds”content=“千圖網(wǎng)，免費素材下載，千圖網(wǎng)免費素材圖庫，矢量圖，矢量圖庫，圖像素材，網(wǎng)頁素材，
免費素材，PS素材，網(wǎng)站素材，設計模板，設計素材，網(wǎng)頁模板免費下載，千圖，素材中國，素材，免費設計，圖像”/>在上述示例代碼中，nare屬性的屬性值為"keywonds”，該屬性值用于定義搜索內(nèi)容名稱為網(wǎng)頁關鍵字;content 屬性的屬性值用于定義關鍵字的具體內(nèi)容，多個關鍵字內(nèi)容之間可以用“，”分隔。
設置網(wǎng)頁描述，如某圖像網(wǎng)站的描述信息設置，示例代碼如下：
<meta name=”description”content=”專注免費設計素材下裁的網(wǎng)站！提供矢量圖素材，矢量青景圖像，矢量圖庫，還有
psd素材，PS素材，設計模板，設計素材，PPT素材，以及網(wǎng)頁素材，網(wǎng)站素材，網(wǎng)頁圖標免費下載”/>在上述示例代碼中，name屬性的屬性值為“deseription”，該屬性值用于定義搜索內(nèi)容名稱為網(wǎng)頁描述;comtent 屬性的屬性值用于定義描述的具體內(nèi)容。網(wǎng)頁描述的文字不必過多，能夠描述清晰即可。
設置網(wǎng)頁作者，如可以為網(wǎng)站增加作者信息，示例代碼如下：
<meta name-"author" content="網(wǎng)絡部"/>在上述示例代碼中，name屬性的屬性值為”author”，該屬性值用于定義搜索內(nèi)容名稱為網(wǎng)頁作者;content屬性的屬性值用于定義具體的作者信息。
<meta http-equiv=”名稱”content=”值”>在<meta/>標簽中，http-equiv 屬性和content 屬性可以設置服務器發(fā)送給瀏覽器的HTTP頭部信息，為瀏覽器顯示該頁面提供相關的參數(shù)標準。其中，http-equiv屬性提供參數(shù)類型，content屬性提供對應的參數(shù)值，這些屬性的具體應用如下。設置字符集，如某圖像官網(wǎng)字符集的設置，示例代碼如下：
<meta http-equiva"Content-Type" content="text/html; charset=gbk"/>在上述示例代碼中，hitp-epuiv屬性的屬性值為“Content-Type”.content屬性的屬性值為“test/html”和“charset=gbk”，兩個屬性值之間用“：”隔開。其中，“text/html”用于說明當前文檔類型為HIML“charset=gbk”用于說明文檔字符集為GBK(中文編碼)。
目前最常用的國際化字符集編碼格式是UTF-8，常用的中文字符集編碼格式主要是GBK和GB2312。當用戶使用的字符集編碼格式與當前瀏覽器不匹配時，網(wǎng)頁內(nèi)容就會出現(xiàn)亂碼。新版本的HTML.5簡化了字符集的寫法，示例代碼如下：
<meta charset="utf-g">設置頁面自動刷新與跳轉，如定義某個頁面10秒后跳轉至百度首頁，示例代碼如下：
<meta http-equiv""refresh" content="10; url- httpa://sww.baidu.com/"/>在上述示例代碼中，http-equiv屬性的屬性值為“refresh”，content屬性的屬性值為數(shù)值和URL。兩個屬性值之間用“：”隔開，分別用于指定跳轉時間和目標頁面的URL。跳轉時間默認以秒為單位。
于所有Web開發(fā)人員來說，無論你選擇的是哪種框架或后端語言，都需要大量使用HTML（超文本標記語言）。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>
<body>
<h1>1級標題</h1>
<h2>2級標題</h2>
<h3>3級標題</h3>
<h4>4級標題</h4>
<h5>5級標題</h5>
<h6>6級標題</h6>
</body>
</html>12345678910111213141516復制代碼類型：[html]圖示
h的級別越小文字大小越小。
當然了，這些文字標題都是左對齊的。
其實在標題標記中還有重要的屬性！詳情見文章------
我們可以給<h1>，<h2>......等標記加屬性值讓其變得更加多樣化！
代碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>
<body>
<h1 align="center">1級標題</h1>
<h2 align="left">2級標題</h2>
<h3 align="right">3級標題</h3>
<h4 align="justify">4級標題</h4>
<h5 align="right">5級標題</h5>
<h6 align="center">6級標題</h6>
</body>
</html>12345678910111213141516復制代碼類型：[html]圖示
align標記在----文章已經(jīng)有些許敘述，我們再來講講吧。
<h1 align="center"></h1> <!--居中-->
<h2 align="left"</h2> <!--左對齊-->
<h3 align="right"></h3> <!--右對齊-->
<h4 align="justify"></h4><!--段落兩端對齊-->1234復制代碼類型：[html]所以圖示才是如此顯示的。
開課吧廣場-人才學習交流平臺
作網(wǎng)頁時，經(jīng)常需要設置網(wǎng)頁的基本信息，如網(wǎng)頁的標題、作者等。為此，HTML提供了一系列設置網(wǎng)頁信息的標簽，這些標簽通常都寫在
<head>標簽內(nèi)，也被稱為HTML.文檔頭部相關標簽。下面將介紹常用的HTML文檔頭部標簽中的<title>和<meta>標簽。
(1)<title>標簽
<title>標簽用于設置HTML頁面的標題，也就是為網(wǎng)頁取一個名稱。在網(wǎng)頁結構中，<title>標簽必須位于<head>標簽內(nèi)。一個HTML.文檔只能含有一個<title>標簽，<title></title>標簽之間的內(nèi)容將顯示在瀏覽器窗口的標題欄中。例如，將某個頁面標題設置為“輕松學習HTML.5”，示例代碼如下：
<title>輕松學習HIML.5</title>上述代碼對應的頁面效果如下圖：
(2)<meta>標簽
<meta>標簽用于定義頁面的元信息(元信息不會顯示在最終的頁面效果中)，可重復出現(xiàn)在標簽中。在HTML中,<meta>標簽是一個單標簽，本身不包含任何內(nèi)容，僅表示網(wǎng)頁的相關信息。通過標簽的屬性，可以定義頁面的相關參數(shù)。
例如，為搜索引擎提供網(wǎng)頁的關鍵字、作者姓名、內(nèi)容描述，以及定義網(wǎng)頁的刷新時間等。下面介紹<meta/>標簽常用的幾組設置，具體如下。
<meta name-”名稱”content-”值”>：在<meta>標簽中使用 name 屬性和 content 屬性可以為搜索引擎提供信息。其中，name屬性提供搜索內(nèi)容名稱，content屬性提供對應的搜索內(nèi)容值，這些屬性的具體應用如下。
設置網(wǎng)頁關鍵字，如某圖像網(wǎng)站的關鍵字設置，示例代碼如下：
<meta name=“keywoxds”content=“千圖網(wǎng)，免費素材下載，千圖網(wǎng)免費素材圖庫，矢量圖，矢量圖庫，圖像素材，網(wǎng)頁素材，
免費素材，PS素材，網(wǎng)站素材，設計模板，設計素材，網(wǎng)頁模板免費下載，千圖，素材中國，素材，免費設計，圖像”/>在上述示例代碼中，nare屬性的屬性值為"keywonds”，該屬性值用于定義搜索內(nèi)容名稱為網(wǎng)頁關鍵字;content 屬性的屬性值用于定義關鍵字的具體內(nèi)容，多個關鍵字內(nèi)容之間可以用“，”分隔。
設置網(wǎng)頁描述，如某圖像網(wǎng)站的描述信息設置，示例代碼如下：
<meta name=”description”content=”專注免費設計素材下裁的網(wǎng)站！提供矢量圖素材，矢量青景圖像，矢量圖庫，還有
psd素材，PS素材，設計模板，設計素材，PPT素材，以及網(wǎng)頁素材，網(wǎng)站素材，網(wǎng)頁圖標免費下載”/>在上述示例代碼中，name屬性的屬性值為“deseription”，該屬性值用于定義搜索內(nèi)容名稱為網(wǎng)頁描述;comtent 屬性的屬性值用于定義描述的具體內(nèi)容。網(wǎng)頁描述的文字不必過多，能夠描述清晰即可。
設置網(wǎng)頁作者，如可以為網(wǎng)站增加作者信息，示例代碼如下：
<meta name-"author" content="網(wǎng)絡部"/>在上述示例代碼中，name屬性的屬性值為”author”，該屬性值用于定義搜索內(nèi)容名稱為網(wǎng)頁作者;content屬性的屬性值用于定義具體的作者信息。
<meta http-equiv=”名稱”content=”值”>在<meta/>標簽中，http-equiv 屬性和content 屬性可以設置服務器發(fā)送給瀏覽器的HTTP頭部信息，為瀏覽器顯示該頁面提供相關的參數(shù)標準。其中，http-equiv屬性提供參數(shù)類型，content屬性提供對應的參數(shù)值，這些屬性的具體應用如下。設置字符集，如某圖像官網(wǎng)字符集的設置，示例代碼如下：
<meta http-equiva"Content-Type" content="text/html; charset=gbk"/>在上述示例代碼中，hitp-epuiv屬性的屬性值為“Content-Type”.content屬性的屬性值為“test/html”和“charset=gbk”，兩個屬性值之間用“：”隔開。其中，“text/html”用于說明當前文檔類型為HIML“charset=gbk”用于說明文檔字符集為GBK(中文編碼)。
目前最常用的國際化字符集編碼格式是UTF-8，常用的中文字符集編碼格式主要是GBK和GB2312。當用戶使用的字符集編碼格式與當前瀏覽器不匹配時，網(wǎng)頁內(nèi)容就會出現(xiàn)亂碼。新版本的HTML.5簡化了字符集的寫法，示例代碼如下：
<meta charset="utf-g">設置頁面自動刷新與跳轉，如定義某個頁面10秒后跳轉至百度首頁，示例代碼如下：
<meta http-equiv""refresh" content="10; url- httpa://sww.baidu.com/"/>在上述示例代碼中，http-equiv屬性的屬性值為“refresh”，content屬性的屬性值為數(shù)值和URL。兩個屬性值之間用“：”隔開，分別用于指定跳轉時間和目標頁面的URL。跳轉時間默認以秒為單位。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
