仲介交易 SEO診斷 淘寶客 雲主機 技術大廳
一、基本概念：
網頁、網站、瀏覽器、IE/NetScape
HTML：超文字標記語言，什麼是超文字、什麼是標記語言。
HTML的內容怎樣顯示出來。
二、HTML語法：
<html></html>
<head></head>
<title></title>
<body></body>
三、<body>的一些屬性：
什麼是屬性：
text:設定整個網頁中文字的色彩
link:用於設定一般超連結文本的顯示色彩
alink:用於設定滑鼠移動到超連結上並按下滑鼠是超文字的顯示色彩
vlink:設置瀏覽過的超連結的色彩
background:設定背景圖片，可以是絕對路徑也可以是相對路徑。
bgcolor:使用者設定背景色，當已設定background時這個屬性會失去作用
leftmargin:左邊距
topmargin:上邊距
四、注釋與特殊字元：
<!--.........-->
注釋的內容不會被顯示出來
注釋不能被嵌套。
< <
> >
& &
" '
註冊符號
版權符號
" TM
空格
五、格式標籤
<p></p>:用來創建一個段落,可以用align屬生來設置段落的對齊方式
<br />:單標記 直接在「>「前加一個「/ 」表示結束標記，顯示一個換行
<center></center>:對之間的圖形或文本在水準方向居中顯示
<marquee></marquee>:移動圖片或文本。 direction屬性：內容的移動方向（left,right,down,up）;behavior：指定內容的移動行為（scroll,alternate,slide）
<dl></dl><dt></dt><dd></dd>：用來創建一個普通清單。
<ol></ol><ul></ul><li></li>:<ol></ol>創建一個標有數位的清單;<ul ></ul>對創建的清單標有一個圓點;<li></li>只能在<ol></ol>或<ul></ul>之間使用，表示清單項
<pre></pre>:對文本進行預格式處理
六、文字標籤：
<h1></h1>......<h6></h6>:把文本以標題方式顯示。
<b></b><i></i><u></u>:分別對應粗體，斜體，底線
<sub></sub><sup></sup>:分別對應下上標的顯示
<cite></cite>:引用方式的字體，通常是斜體
<em></em>:顯示需要強調的文本，通常是斜體加粗
<strong></strong>:用來顯示加重文本，通常是加粗顯示
<font></font>:對字體、字型大小、顏色進行改變。 face屬性：字體; Size屬生：大小; Color屬生：色彩
七、圖像標籤：
<img />
src屬性：必不可少，用來設置影像檔所在位置。
alt屬性：當滑鼠移到圖像上顯示的提示文本，當圖像無法顯示時，所顯示的代替文字
align屬性：設置圖像與周圍文本的對齊方式。 top,bottom,left,right
border屬性：設置圖像的邊框寬度
width和height：設置圖像的長寬高
<hr />:在HTML文檔中加入一條水平線。
size:線的粗細
color:線的色彩
width:線的長度
noshade:陰影顯示
八、超連結標籤：
通一資源定位符：URL;
如：HTTP://www.freednf.com
HTTP：所使用的協定;www：要訪問的主機名稱;80：埠號
<a href=""></a>:把中間標記的內容作為超連結顯示，href的內容作為超連接點擊後轉向的頁面。
如： <a href="HTTP://www.wowbigfoot.org">大腳</a>
<a href="HTTP://www.wowbigfoot.org"<img src="image/hy.gif"></a>
href屬性是不可少的；
target屬性：指明在瀏覽器的哪個視窗打開新頁面。
<a name="">：錨點標記，在同一網頁中設置多個錨點便於超連結的流覽。
如： <a href="#標記１">跳轉到第一個標記上</a>
mailto:打開電子郵件:
<a href="mailto:ldc_5588@163.com subject=hello&body=您好">聯繫我們</a>
九、<map name=""></map>：圖像地圖將一個圖像分成多個部分，各部分分別指向不同的連結。
<area shape="形狀" coords="座標" href="url">：給圖像分塊
shape屬性可以是以下幾種形狀：
rect:矩形，此時的coords為矩形的左上角個右下角的座標
poly:多邊形，此時的coords為多邊形的各個頂點
circle:圓，此時coords為圓習座標及半徑
如：
<img src="chinagif" usemap="mymap" />
<map name=mymap>
<area shape="rect" href="a.html" coords="140,20,280,60">
<area shape="poly" href="b.html" coords="100,100,180,80,200,400">
<area shape="circle" href="c.html" coords="10,100,60">
</map>
十、表格標籤：<table></table><tr></tr><td></td>
這三個標籤的層次結構：
<table></table>：定義一個表格的開始和結束
<tr></tr>：定義一行的開始和結束
<td></td>：定義一個儲存格的開始和結束
<table></table>的屬性：
bgcolor:設置表格的背景色彩
border:設置表格的邊框的寬度
bordercolor:設置表格邊框色彩
bordercolorlight:設置表格邊框明亮部分的色彩
bordercolordark:設置表格邊框昏暗部分的色彩
cellspacing:設置儲存格之間的間隔
cellpadding：設置儲存格內部的內容與邊框的間隔
width:表格的寬度
height:表格的高度
<tr></tr>
align:整行儲存格的內容水準對齊方式left,center,right。
valign:整行儲存格的內容豎直對齊方式top middle,bottom
bgcolor:設置這一行的色彩
<td></td>
width:儲存格的寬度（大小）
height:儲存格的高度
align:儲存格內部內容的水準對齊方式
valign:儲存格內部內容的豎直對齊方式
colspan:設置一個儲存格跨占的列數
rowspan:設置一個儲存格跨占的行數
nowrap:禁止儲存格內的內容自動換行
<th></th>與<td></td>類似只不過裡面顯示的內容是黑體居中的
十一、框架標籤<frameset></frameset><frame></frame>：
什麼是框架：將一個視窗分割成多部分，每一部分顯示一個獨立的頁面。
框架只是分割視窗。
<frameset></frameset>定義一個框架組：
rows:將視窗豎直拆分時視窗的大小比例
cols:將視窗水平分割視窗的大小比例
<frame></frame>定義一個具體的框架視窗：
src:要顯示網頁的ＵＲＬ
name:框架視窗的名子
taget:該框架中的超連結預設的打開視窗_blank,_parent,_self,_top。
scrolling:是否在框架邊上出現捲軸yes,no,auto
noresize:禁止使用者拖動分隔線來調整框架的大小,直接將該屬生放入就可以了。
<iframe></iframe>在一個網上插入一個簡單的框架視窗，這個視窗用來顯示另一個檔。
name:框架視窗的名子
src:框架視窗中所顯示的新的網頁
十二、表單標籤：
什麼時表單？
<form></form>:定義表單的開始和結束位置<略講>
action:處理表單內容的伺服器程式的ＵＲＬ
method:提交給伺服器處理表單資訊的方式
get:將表單資訊以ＵＲＬ參數的形式附在action的ＵＲＬ後面
set:將表單資訊以ＨＴＴＰ消息實體發送給ＷＥＢ伺服器
target:設置伺服器返回結果顯示的視窗
title:當滑鼠放在表單上的時候以黃色的泡泡進行提示
<input type="submit">：定義一個提交按鈕
action:指定ＵＲＬ所指定的伺服器程式
value:按鈕上的文字
<input type="reset">:定義一個重新填寫的按鈕。
value:按鈕上的文字
<input type="text">:定義一個單行文字方塊
size:輸入區域的寬度，以字元個數為單位
value:文字方塊的內容
maxlength:使用者能夠輸入的最大字串長度
readonly:屬性存在時，文字方塊可以獲得焦點，但使用者不能更改裡面的內容。
disable:屬性存在時，文字方塊不能獲得焦點，也不能更改裡面的內容。
<input type="checkbox">:定義一個核取方塊
name:核取方塊的名，同一組核取方塊用同一個名子
checked:該核取方塊是否被選中
value:指定核取方塊被選中時，這個核取方塊的後臺值
<input type="radio">:定義一個選項按鈕
name:選項按鈕的名，同一組選項按鈕用同一個名子
value:指定選項按鈕被選中時，這個選項按鈕的後臺值
<input type="hidden">：在表單上添加一個隱式的欄位的元素，瀏覽器不會顯示這個欄位
name:名子
value:值
當表單提交的時候會以name=value的形式提交到伺服器上去。
<input type="button">:在表單上定義一個普通的按鈕，這個按鈕通常與某個腳本代碼下關聯
<input type="password">:在表單上定義一個密碼輸入區域.
<input type="file">:用來從本機向伺服器傳檔
<input type="image">:在表單上創建一個圖像元素。
圖像的原始檔案由src屬性來指定，它沒有value屬性。
圖像元素在某些情況下可以代替submit按鈕來使用
按一下圖像元時就會將表單資訊和按一下處的x,y值一起發送到伺服器
<select></select>創建一個下拉式清單方塊或可以複選的清單方塊。
size:設置清單方塊中可見選項的數目。 預設值是１，這時顯示的是下拉式清單方塊。
mutiple屬性：這是一個不且賦值的屬性，定義清單方塊是否可以多選。
在清單方塊中定義各項是用<option></option>來實現的。
<option></option>為清單方塊中添加專案
value:專案的後臺值
selected:指定專案是否被選定
<textarea></textarea>創建一個可輸入多行文本的文字方塊
cols:文字方塊的列數
rows:文字方塊的列數
十三、分區標籤：
<div></div>:區域標籤，層
<span></span>:區域標籤
十四、頭元素:
<base>標籤：用於指定網頁中超連結的基準位址。 網頁中所有超連結的相對位址都以該位址為基準位址。
該標籤只能放在<head></head>標籤之間。
如：<base href="HTTP://www.36666.org.cn" target="_blank">
<meta>標籤：通常用於檔的<head></head>之間。 主要有兩種類型的<meta>，它們用不同的屬性名(name,HTTP-equiv)來劃分。
name屬性主要用於在網頁中加入一些關於網頁的描述資訊，例如，網頁的關鍵字，網頁的描述資訊等
HTTP-equiv屬性主要用於在HTML文檔中類比HTTP頭。
什麼是HTTP頭？
通過訪問網頁時，伺服器除了返回網頁檔本身的內容（也就是在瀏覽器中用查看原始檔案能看到的東西）之外，它還在返回網頁檔內容之前，傳送一部分被稱為HTTP頭的內容給瀏覽器，這部分肉容是在瀏覽器的查看原始檔案中看不到的。 HTTP頭的內容相當於伺服器發送給瀏覽器的一些暗號指令，通知瀏覽器查看該網頁時應使用的字元編碼、是否本機快取、網頁的到期時間、是否間隔一定時間以後刷新頁面或跳到其它頁面等。
name屬性的設置：
Keywords:網頁的關鍵字，以便於在搜尋引擎中進行收集資訊。
<meta name="keywords" content="軟體工程師培訓,清華IT,華育國際">
Description：網頁描述信，以便於搜索。
Generator：用於編輯此頁所用的工具名，content中填入所用的網頁編輯軟體。
Author：用於說明網頁的作者，content中填入作者的姓名。
Copyright:用於版權聲明，content中填入你的版權聲明。
HTTP-equiv屬性設置：
Content-Type:用於說明網頁內容的類型以及文本內容所使用的字元集編碼。
<meta HTTP-equiv="Content-Type" content="text/html;charset=gb2312">
Refresh:告訴瀏覽器定時自動刷新網頁
<meta HTTP-equiv="Content-Type" content="1;url=HTTP://www.5278.org.cn">
通知瀏覽器過一秒後跳轉到熱血英雄網上去。
Expires:用於設定網頁的到期時間。 為了提高效率，瀏覽器可以被設置成緩存以前訪問的頁面，當再次訪問該頁面時，瀏覽器不會再去伺服器上訪問，而是直接在本機快取中讀到。 如果將其Content設為0則禁止瀏覽器使用緩存頁面。
<meta HTTP_equiv="Expires" content=""Mon,12,May,2007 00:00:00 GMT>
Windows-Target:強制頁面在某個視窗顯示。 例如要防止別人把你的網頁作為frame頁面調用：
<meta HTTP-equiv="Windows-Target" content="_top">
