HTML 基本語法方便剛開始學(xué)習(xí)html的朋友

發(fā)布時間：2012-09-19 00:57:47 作者：佚名

HTML 基本語法方便剛開始學(xué)習(xí)html的朋友，很多剛開始接觸并想學(xué)習(xí)網(wǎng)頁制作的朋友可以看下

1.1一般標(biāo)記
　　一般標(biāo)記是由一個起始標(biāo)記(Opening Tag)和一個結(jié)束標(biāo)記(Ending Tag)所組成，其語法為：<x>受控文字</x>
　　其中，x代表標(biāo)記名稱。<x>和</x>就如同一組開關(guān)：起始標(biāo)記<x>為開啟(ON)的某種功能，而結(jié)束標(biāo)記</x>(通常為起始標(biāo)記加上一個斜線/)為關(guān)(OFF)功能，受控制的文字信息便放在兩標(biāo)記之間。例如：<i>這是斜體字</i>。
　　標(biāo)記之中還可以附加一些屬性(Attribute)，用來完成某些特殊效果或功能。例如：<x a1="v1",a2="v2",...,an="vn">受控文字</x>
　　其中，a1,a2,...,an為屬性名稱，而v1,v2,...,vn則是其所對應(yīng)的屬性值，屬性值加不加引號，目前所使用的瀏覽器都可接受，但依據(jù)W3C的新標(biāo)準(zhǔn)，屬性值是要加引號的，所以最好養(yǎng)成加引號得習(xí)慣。
　　1.2 空標(biāo)記
　　雖然大部分的標(biāo)記是成雙成對出現(xiàn)的，但也有一些是單獨存在的。這些單獨存在的標(biāo)記稱為空標(biāo)記(Empty Tags)。其與法為：<x>
　　同樣，空標(biāo)記也可以附加一些屬性(Attribute)，用來完成某些特殊效果或功能。如：<x a1="v1",a2="v2",...,an="vn">，例如：<hr>,<br>等。
　　W3C定義的新標(biāo)準(zhǔn)(XHTML1.0/HTML4.0)建議：空標(biāo)記應(yīng)以/結(jié)尾，即：<X />
　　如果附加屬性則為：<x a1="v1",a2="v2",...,an="vn" />
　　目前所使用的瀏覽器對于空標(biāo)記后面是否要加/并沒有嚴(yán)格要求，即在空標(biāo)記最后在/和沒有加/，不影響其功能。但是如果希望你的文件能滿足最新標(biāo)準(zhǔn)，那么最好加上/。

　　2. HTML標(biāo)記分類
　　2.1文件結(jié)構(gòu)標(biāo)記(Document Structure Tags)
　　此類標(biāo)記的目的是用來標(biāo)示出文件的結(jié)構(gòu)，主要的有：
　　<html>...</html>:標(biāo)示html文件的起始和終止。
　　<head>...</head>:標(biāo)示出文件標(biāo)題區(qū)。
　　<body>...</body>:標(biāo)示出文件主體區(qū)
　　2.2區(qū)段格式標(biāo)記(Block Formatting Tags)
　　此類標(biāo)記的主要用途是將HTML文件中得某個區(qū)段文字,以特定格式顯示，增加文件的可看度。主要的有：
　　<title>...</title>:文件題目。
　　<hi>...</hi>:i=1,2,...,6,網(wǎng)頁標(biāo)題。
　　<hr>:產(chǎn)生水平線。
　　<br>:強(qiáng)迫換行。
　　<p>...</p>:文件段落。
　　<pre>...</pre>:以原始格式顯示。
　　<address>...</address>：標(biāo)注聯(lián)絡(luò)人姓名、電話、地址等信息。
　　<blockquote>...</blockquote>:區(qū)段引用標(biāo)記。
　　2.3字符格式標(biāo)記(Character Formatting Tags)
　　用來改變HTML文件文字的外觀，增加文件的美觀程度。主要有：
　　<b>...</b>:粗體字。
　　<i>...</i>:斜體字。
　　<tt>...</tt>:打字體。
　　<font>...</font>:改變字體設(shè)置。
　　<center>...</center>:居中對齊。
　　<blink>...</blink>:文字閃爍。
　　<big>...</big>:加大字號。
　　<small>...</small>:縮小字號。
　　<cite>...</cite>:參照。
　　2.4列表標(biāo)記(List Tags)
　　<ul>...</ul>:無編號列表。
　　<ol>...</ol:有編號列表。
　　<li>...</li>:列表項目。
　　<dl>...</dl>:定義式列表。
　　<dd>...</dd>:定義項目。
　　<dt>...</dt>:定義項目。
　　<dir>...</dir>:目錄式列表。
　　<menu>...</menu>:菜單式列表。
　　2.5鏈接標(biāo)記(Anchor Tag)
　　鏈接可以說是html超文本文件的命脈，html通過鏈接標(biāo)記來整合分散在世界各地的圖、文、影、音等信息。此類標(biāo)記的主要用途為標(biāo)示超文本文件鏈接(Hypertext Link)，主要有：
<a>...</a>:建立超級鏈接。
　　2.6多媒體標(biāo)記(Multimedia Tag)
　　此類標(biāo)記用來顯示圖像數(shù)據(jù)。主要有：
　　<img>:嵌入圖像。
　　<embed>:嵌入多媒體對象。
　　<bgsound>:背景音樂。
　　2.7表格標(biāo)記(Table Tags)
　　此類標(biāo)記用制作表格。主要有：
　　<table>...</table>:定義表格區(qū)段。
　　<caption>...</caption>:表格標(biāo)題。
　　<th>...</th>:表頭。
　　<tr>...</tr>:表格列。
　　<td>...</td>:表格單元格。
　　2.8表單標(biāo)記(Form Tags)
　　此類標(biāo)記用來制作交互式表單，主要的有：
　　<Form>...</form>:表明表單區(qū)段的開始與結(jié)束。
　　<input>:產(chǎn)生單行文本框、單選按鈕、復(fù)選框等。
　　<textarea>...</textarea>:產(chǎn)生多行輸入文本框。
　　<select>...</select>:標(biāo)明下拉列表的開始與結(jié)束。
　　<option>...</option>:在下拉列表中產(chǎn)生一個選擇項目。
　　HTML標(biāo)記并沒有大小寫之分，即<BODY>和<body>是相同的。以下來分別介紹這些標(biāo)記。

　　3. 文件結(jié)構(gòu)標(biāo)記
　　一個html文件的結(jié)構(gòu)基本上可以分為兩部分，一部分稱為標(biāo)題區(qū)(Head Section)；另一部分稱為主體區(qū)(Body Section)。文件結(jié)構(gòu)標(biāo)記就是用來標(biāo)示出何處屬于標(biāo)題，何處屬于主體。
　　3.1<html>：標(biāo)示整份文件
　　用途：標(biāo)示整篇html文件
　　說明：一個標(biāo)準(zhǔn)的html文件是一篇以<html>開頭，而以</html>結(jié)束的文件。即：
　　<html>
　　... html文件全文
　　</html>
　　3.2<head>:標(biāo)示出文件標(biāo)題區(qū)
　　說明：html文件中，由<head>和</head>所夾住的區(qū)域稱為文件的標(biāo)題區(qū)。通常head區(qū)段都內(nèi)含在html區(qū)段之中，即：
　　<html>
　　<head>
　　...... html文件標(biāo)題區(qū)
　　</head>
　　.....
　　</html>
　　3.3<title>:網(wǎng)頁標(biāo)題
　　<title>.....</title>是html文件標(biāo)題區(qū)中最重要也是最常用的標(biāo)記。其他標(biāo)題區(qū)的標(biāo)記還包括<base>、<isindex>、<link>、<nextid>、<meta>等。
　　<title>標(biāo)記的用途是設(shè)置網(wǎng)頁標(biāo)題，這個標(biāo)題會顯示在瀏覽器窗口的標(biāo)題欄上，不會出現(xiàn)在瀏覽器的頁面(page)文字中。而大部分瀏覽器的收藏(My Favorites)、書簽(BookMark)或歷史記錄列表(History List)功能，也都是以這個文件的標(biāo)題作為名稱的。
　　由<title>...</title>所標(biāo)注的文字并無長度的限制，不過太長的標(biāo)題，有時可能會被截掉，并且也不容易記憶。
　　3.4<body>:標(biāo)示出文件主體區(qū)
　　說明：在html文件中，由<body>...</body>所夾住的區(qū)域稱為文件的主體區(qū)，通常是在<head>區(qū)段之后。
　　3.5<body>標(biāo)記的屬性
backgroud屬性：
這個屬性可以指定一個圖形文件(一般為gif或jpeg)，作為背景圖案。該圖形會像拼瓷磚一樣鋪成整個網(wǎng)頁的底圖。