HTML頭部信息(head)里包含關(guān)于所在網(wǎng)頁(yè)的信息。頭部信息里的內(nèi)容，主要是被瀏覽器所用，不會(huì)顯示在網(wǎng)頁(yè)的正文內(nèi)容里。
另外，搜索引擎如Google,Yahoo, Baidu等也會(huì)查找網(wǎng)頁(yè)中的head信息。為了讓搜索引擎能夠收錄網(wǎng)頁(yè)，也要填寫適當(dāng)?shù)膆ead信息(具體內(nèi)容見(jiàn)“搜索引擎優(yōu)化策略”章節(jié))。
(1)title
title(標(biāo)題)是最常用的head信息。它不顯示在HTML網(wǎng)站制作正文里，顯示在瀏覽器窗口的標(biāo)題欄里。例如，以下代碼的顯示效果，如圖5-15所示。
<head> <title>歡迎訪問(wèn)我的網(wǎng)站!! </title></header>
(2)link
用link (鏈接)可以建立和外部文件的鏈接。常用的是對(duì)CSS外部樣式表(external style sheet)的鏈接。示例代碼如下:
<link re1="stylesheet" href="mainstyles .css" type="text/css">
(3)style
用style(樣式)可以設(shè)值網(wǎng)頁(yè)的內(nèi)部樣式表(internal style sheet )。示例代碼如下:
<head>
<style>
body{background-color :white;color:black;}
h1 { font:18pt arial bold;}
</style>
</head>
(4)meta
在HTML里，meta標(biāo)記(meta tags)表示用來(lái)描述網(wǎng)頁(yè)的有關(guān)信息。示例代碼如下:
<mate name= "description" content= "HtML中文教程" />
<mate name= "keywords content="HTML，tutorials，source codes" />
<mate name="author" content="網(wǎng)站管理員" />
2.網(wǎng)頁(yè)背景
HTML的<body>有兩個(gè)關(guān)于背景的屬性，一個(gè)是bgcolor，是設(shè)置背景顏色的;另一個(gè)是background，是設(shè)置背景圖片的。
(1)bgcolor
bgcolor屬性用來(lái)設(shè)置HTML網(wǎng)頁(yè)的背景顏色。例如:
<html>
<body bgcolor="yellow">
這個(gè)頁(yè)面是黃色背景
</body>
</html>
(2)background
background屬性用來(lái)設(shè)置HTML網(wǎng)頁(yè)的背景圖片。background屬性值就是背景圖片的路徑和文件名，如果背景圖片小于網(wǎng)頁(yè)顯示窗口，那么這個(gè)背景圖片會(huì)自動(dòng)重復(fù)。
3.文字格式
(1)文字形式
在HTML里，可以用FONT這個(gè)標(biāo)識(shí)符及其屬性來(lái)設(shè)定文字的大小、字體和顏色。具體如下:
<FONT SIZE="" FACE="n" COLOR="" ></FONT>
其中常用的屬性有:"SIZE"，確定文字大小，n取一個(gè)1-7的數(shù)字，默認(rèn)為3;"FACE”確定文字字體;"COLOR”確定文字顏色。
除了控制文字基本形式的FONT標(biāo)識(shí)符外，HTML中還有其他標(biāo)識(shí)符可用于文字形式的控制，如表5-3所示。
(2)正文標(biāo)題
HTML用<hl>到<h6>這幾個(gè)Tag來(lái)定義正文標(biāo)題，從大到小。每個(gè)正文標(biāo)題自成一段。
(3)段落劃分
在HTML里用<p>和</p>劃分段落。
(4)文字換行
通過(guò)使用<hr>這個(gè)標(biāo)識(shí)符，可以在不新建段落的情況下?lián)Q行。<br>與<p>的區(qū)別在于:<br>的分行是重起一行，而<p>的分段則是空一行后再重起一行。
(5)字符實(shí)體
有些字符在HTM L里有特別的含義，例如，小于號(hào)“<”就表示 HTML Tag的開(kāi)始，這個(gè)小于號(hào)是不顯示在最終看到的網(wǎng)頁(yè)里的。如果希望在網(wǎng)頁(yè)中顯示一個(gè)小于號(hào)，就要用到HTML字符實(shí)體(HTML Character Entities)了。例如，通常情況下，HTM L會(huì)自動(dòng)截去多余的空格。不管加多少空格，都被看做一個(gè)空格。如果在兩個(gè)字之間加了10個(gè)空格，HTML會(huì)截去9個(gè)空格，只保留一個(gè)。為了在網(wǎng)頁(yè)中增加空格，可以使用 表示空格。
一個(gè)字符實(shí)體(Character Entity)分成3部分:第一部分是一個(gè)&符號(hào)，英文為amper-sand;第二部分是實(shí)體(Entity)名字或者是#加上實(shí)體編號(hào);第三部分是一個(gè)分號(hào)。例如，要顯示小于號(hào)，就可以寫&It;或者<。用實(shí)體名字的好處是比較好理解，但是其劣勢(shì)在于并不是所有的瀏覽器都支持最新的Entity名字。而實(shí)體編號(hào)，各種瀏覽器都能處理。
注意:Entity是區(qū)分大小寫的。
4.多媒體
HTML文件可以包含圖片、音頻、視頻等多媒體信息格式，由此極大方便了網(wǎng)絡(luò)信息的傳播。
(1)圖片
用<img>標(biāo)識(shí)符可以在HTML里面插人圖片。最基本的語(yǔ)法如下:
<img src="url">
url表示圖片的路徑和文件名。
<img>中有一個(gè)alt屬性(alternate text )。例句如下:
<img src="../images/html_tutorials/smile.jpg" alt="smile face" />
假使瀏覽器沒(méi)有載人圖片的功能，瀏覽器就會(huì)轉(zhuǎn)而顯示alt屬性的值。其實(shí)，現(xiàn)在大多數(shù)瀏覽器都支持圖片載人。在此介紹alt屬性，是因?yàn)樗牧硗庖粋€(gè)重要功能。目前搜索引擎抓取工具無(wú)法識(shí)別圖像中所含的文字，所以用alt屬性寫上圖片的說(shuō)明，便于搜索引擎抓取網(wǎng)頁(yè)的內(nèi)容。
在默認(rèn)狀況下，圖片顯示原有的大小，但可以用height和width屬性改變圖片的大小
例如:
<img sre="../images/html_tutorials/smile.jpg" width="300" height="300">
(2)音頻
①網(wǎng)頁(yè)內(nèi)嵌音頻
<EMBED SRC="soundURL">
屬性設(shè)置為Autostart=false—打開(kāi)網(wǎng)頁(yè)，聲音不自動(dòng)播放。
②添加聲音鏈接
<A HREF="soundURL">音樂(lè)文件名稱</a>
③添加網(wǎng)頁(yè)背景音樂(lè)
<bgsound SRC="soundURL">
屬性設(shè)置為L(zhǎng)OOP=N(播放次數(shù)))/-1打開(kāi)網(wǎng)頁(yè)，聲音循環(huán)播放，N為循環(huán)播放次數(shù)，-1為無(wú)限次播放。
(3)視頻
①網(wǎng)頁(yè)內(nèi)嵌視頻
<EMBED SRC="視頻文件位置">
常用屬性包括:WIDTH(視頻文件寬度), HEIGHT(視頻文件高度), AUTOSTART(視頻自動(dòng)播放),LOOP(循環(huán)播放)。
②添加視頻鏈接
<A HREF="videoURL">視頻文件名稱</A>
5.超鏈接止
(1)a和href屬性
HTML用<a>來(lái)表示超鏈接((anchor). <a>可以指向任何一個(gè)文件源:一個(gè)HTML網(wǎng)頁(yè)、一個(gè)圖片、一個(gè)影視文件等。用法如下:
<a href="url">鏈接的顯示文字</a>
點(diǎn)擊<a></a>當(dāng)中的內(nèi)容，即可打開(kāi)一個(gè)鏈接文件，h ref屬性則表示這個(gè)鏈接文件的路徑。例如，鏈接到洛陽(yáng)理工學(xué)院網(wǎng)站首頁(yè)，就可以這樣表示:
<a href="http://m.xmjiujiu.cn">尚品中國(guó)</a>
(2)name屬性
使用name屬性，可以跳轉(zhuǎn)到一個(gè)文件的指定部位。使用name屬性，要設(shè)置一對(duì)。一是設(shè)定name的名稱，二是設(shè)定一個(gè)href指向這個(gè)name:
<a href="#c1">參見(jiàn)第一章</a>
<a name="c1">第一章</a>
name屬性通常用于創(chuàng)建一個(gè)大文件的章節(jié)目錄(table of contents)。每個(gè)章節(jié)都建立一個(gè)鏈接，放在文件的開(kāi)始處，每個(gè)章節(jié)的開(kāi)頭都設(shè)置name屬性。當(dāng)用戶點(diǎn)擊某個(gè)章節(jié)的鏈接時(shí)，這個(gè)章節(jié)的內(nèi)容就顯示在最上面。
(3)鏈接到E-mail地址
在網(wǎng)站中，經(jīng)常會(huì)看到諸如“聯(lián)系我們”之類的鏈接，一點(diǎn)擊這個(gè)鏈接，就會(huì)觸發(fā)瀏覽者的郵件客戶端，例如Outlook Express，然后顯示一個(gè)新建E-mail的窗口。用<a>可以實(shí)現(xiàn)這樣的功能，例如:
<a href ="mailto: sino-web@hotmail.com">聯(lián)系尚品</a>
由于本書(shū)篇幅有限，這里只能簡(jiǎn)要講解HTML中的基本知識(shí)，學(xué)習(xí)者如有進(jìn)一步學(xué)習(xí)的興趣，可以參看相關(guān)書(shū)籍。
本文發(fā)布于SEO網(wǎng)站優(yōu)化公司尚品中國(guó)http://m.xmjiujiu.cn/