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