聲明:本文轉(zhuǎn)自deerchao的個人小站
本文目標(biāo)
????30分鐘內(nèi)讓你明白HTML是什么渊涝，并對它有一些基本的了解。一旦入門后啦辐，你可以從網(wǎng)上找到更多更詳細(xì)的資料來繼續(xù)學(xué)習(xí)榔昔。
什么是HTML
????HTML是英文Hyper Text Mark-up Language(超文本標(biāo)記語言)的縮寫，它規(guī)定了自己的語法規(guī)則定硝，用來表示比“文本”更豐富的意義皿桑，比如圖片，表格蔬啡，鏈接等诲侮。瀏覽器（IE,FireFox等）軟件知道HTML語言的語法，可以用來查看HTML文檔箱蟆。目前互聯(lián)網(wǎng)上的絕大部分網(wǎng)頁都是使用HTML編寫的沟绪。
HTML是什么樣的
????簡單地來說，HTML的語法就是給文本加上表明文本含義的標(biāo)簽(Tag)空猜，讓用戶（人或程序）能對文本得到更好的理解绽慈。
下面是一個最簡單的HTML文檔：
????所有的HTML文檔都應(yīng)該有一個<html>標(biāo)簽，<html>標(biāo)簽可以包含兩個部分:<head>和<body>辈毯。
????<head>標(biāo)簽用于包含整個文檔的一般信息坝疼，比如文檔的標(biāo)題(<title>用于包含標(biāo)題)，對整個文檔的描述谆沃，文檔的關(guān)鍵字等等钝凶。文檔的具體內(nèi)容就要放在標(biāo)簽里了。
????<a>標(biāo)簽用于表示鏈接,在瀏覽器（如IE,Firefox等）中查看HTML文檔時唁影，點擊<a>標(biāo)簽括起來的內(nèi)容時,通常會跳轉(zhuǎn)到另一個頁面耕陷。這個要跳轉(zhuǎn)到的頁面的地址由<a>標(biāo)簽的href屬性指定掂名。上面的<a >中，href屬性的值就是http://deerchao.net哟沫。
HTML文檔可以包含的內(nèi)容
????通過不同的標(biāo)簽铆隘，HTML文檔可以包含不同的內(nèi)容，比如文本南用，鏈接，圖片掏湾，列表裹虫，表格，表單融击，框架等筑公。
文本
????HTML對文本的支持是最豐富的，你可以設(shè)置不同級別的標(biāo)題尊浪，分段和換行匣屡，可以指定文本的語義和外觀，可以說明文本是引用自其它的地方拇涤，等等等等捣作。
鏈接
????鏈接用來指出內(nèi)容與另一個頁面或當(dāng)前頁面某個地方有關(guān)。
圖片
????圖片用于使頁面更加美觀鹅士，或提供更多的信息券躁。
列表
????列表用于說明一系列條目是彼此相關(guān)的。
表格
????表格是按行與列將數(shù)據(jù)組織在一起的形式掉盅。也有不少人使用表格進(jìn)行頁面布局也拜。
表單
????表單通常由文本輸入框，按鈕趾痘，多選框慢哈，單選框，下拉列表等組成永票，使HTML頁面更有交互性卵贱。
框架
????框架使頁面里能包含其它的頁面。
HTML文檔格式詳細(xì)說明
????前面介紹了HTML文檔的基本格式侣集，下面再做一個詳細(xì)說明艰赞。
????HTML文檔可以用任何文本編輯器（比如記事本，UltraEdit等）創(chuàng)建肚吏，編輯方妖，因為它的內(nèi)容在本質(zhì)也只是一些文本。
????在HTML文本中罚攀，用尖括號括起來的部分稱為標(biāo)簽党觅。如果想在正文里使用尖括號（或者大與號小與號雌澄，總之是同一個東西），必須使用字符轉(zhuǎn)義杯瞻，也就是說轉(zhuǎn)換字符的原有意義镐牺。<應(yīng)該使用<代替，>則使用>魁莉，至于&符號本身,則應(yīng)該使用&替代（不得不說的是有很多HTML文檔沒有遵循這個規(guī)則睬涧，常用的瀏覽器也都能夠分析出&到底是一個轉(zhuǎn)義的開始，還是一個符號旗唁，但是這樣做是不推薦的）畦浓。
????標(biāo)簽通常有開始部分和結(jié)束部分（也被稱為開始標(biāo)簽和結(jié)束標(biāo)簽），它們一起限定了這個標(biāo)簽所包含的內(nèi)容检疫。屬性只能在開始標(biāo)簽中指定讶请，屬性值可以用單引號或雙引號括起來。結(jié)束標(biāo)簽都以/加上標(biāo)簽名來表示屎媳。有時候夺溢，有些標(biāo)簽并不包含其它內(nèi)容（只包括自己的屬性，甚至連屬性都沒有）烛谊，這種情況下风响，可以寫成類似這樣：<img src = "logo,gif" />。注意最后的一個空格和一個反斜杠丹禀，它說明這個標(biāo)簽已經(jīng)結(jié)束钞诡，不需要單獨(dú)的結(jié)束標(biāo)簽了。
????某些標(biāo)簽包含的內(nèi)容中還可以有新的標(biāo)簽湃崩，新的標(biāo)簽名甚至可能還可以與包含它的標(biāo)簽的名稱相同（哪些標(biāo)簽可以包含標(biāo)簽荧降，可以包含哪些標(biāo)簽也是有規(guī)定的）。比如：
????在這種情況下攒读，最后出現(xiàn)的標(biāo)簽應(yīng)該最先結(jié)束朵诫。
????HTML文檔里所有的空白符（空格，Tab薄扁，換行剪返，回車）會被瀏覽器忽略，唯一的例外是空格邓梅，對空格的處理方式是所有連續(xù)的空格被當(dāng)成一個空格脱盲，不管有一個，還是兩個日缨，還是100個钱反。之所以有這樣的規(guī)則是因為忽略空白符能讓使用HTML的作者以他覺得最方便的格式來排列內(nèi)容，比如可以在每個標(biāo)簽開始后增加縮進(jìn)，標(biāo)簽結(jié)束后減少縮進(jìn)面哥。由于英語文本中空格用得很普遍（用于分隔單詞）哎壳，所以對空格做了這樣的特殊處理。如果要顯示連續(xù)的空格（比如為了縮進(jìn)）尚卫，應(yīng)該用 來代表空格归榕。
常用標(biāo)簽介紹
文本
????最常用的標(biāo)簽可能是<font>了，它用于改變字體吱涉，字號刹泄，文字顏色。
????加粗怎爵，下劃線特石，斜體字也是常用的文字效果，它們分別用<b>,<u>,<i>,表示:
? ??還有一些標(biāo)簽疙咸，用來指出包含的文本有特殊的意義，比如<abbr>（表示縮寫）风科，<em>（表示強(qiáng)調(diào)）撒轮，<strong>（表示更強(qiáng)地強(qiáng)調(diào)）,<cite>(表示引用),<address>（表示地址）等等。這些標(biāo)簽不是為了定義顯示效果而存在的贼穆，所以從瀏覽器里看它們可能沒有任何效果题山，也可能不同的瀏覽器對這些標(biāo)簽的顯示效果完全不同。
????一篇很長的文章故痊，如果有合適的小標(biāo)題的話顶瞳，就可以快速地對它的內(nèi)容進(jìn)行大致的了解。在HTML里愕秫，用來表示標(biāo)題的標(biāo)簽有：<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,它們分別表示一級標(biāo)題慨菱，二級標(biāo)題，三級標(biāo)題...
圖片
? ? <hr>標(biāo)簽用于在頁面上添加橫線戴甩》龋可以通過指定width和color屬性來控制橫線的長度和顏色。
? ? <img>標(biāo)簽用于在頁面上添加圖片甜孤，src屬性指定圖片的地址协饲，如果無法打開src指定的圖片，瀏覽器通常會在頁面上需要顯示圖片的地方顯示alt屬性定義的文本缴川。
鏈接
????超級鏈接用<a>標(biāo)簽表示茉稠，href屬性指定了鏈接到的地址.<a>標(biāo)簽可以包含文本,也可以包含圖片.
分段與換行
????由于HTML文檔會忽略空白符，所以要想保證正常的分段換行的話把夸，必須指出哪些文字是屬于同一段落的而线，這就用到了標(biāo)簽<p>.
? ? 也有人不用<p>,而用<br>,<br>表示只換行，不表示段落的開始或結(jié)束，所以通常沒有結(jié)束標(biāo)簽吞获。
????有時况凉，要把文檔看作不同的部分組合起來的，比如一個典型的頁面可能包括三個部分：頁頭各拷，主體刁绒，頁腳。<div>標(biāo)簽專門用于標(biāo)明不同的部分：
表格
????HTML文檔在瀏覽器里通常是從左到右烤黍，從上到下地顯示的知市，到了窗口右邊就自動換行。為了實現(xiàn)分欄的效果速蕊，很多人使用表格（<table>）進(jìn)行頁面排版（雖然HTML里提供表格的本意不是為了排版）嫂丙。
? ? <table>標(biāo)簽里通常會包含幾個<tr>標(biāo)簽,<tr>表示表格的一行,<tr>標(biāo)簽里面又包含一個<td>標(biāo)簽,每個<td>標(biāo)簽表示表格中的一個單元
????<tr>標(biāo)簽還可以被<table>里的<thead>或<tbody>或<tfoot>包含。它們分別代表表頭规哲，表正文跟啤，表腳。在打印網(wǎng)頁的時候唉锌，如果表格很大隅肥，一頁打印不完，<thead>和<tfoot>將在每一頁出現(xiàn)袄简。
<th>和<td>非常相似腥放，<tr>也用在里邊，不同的是<th>代表這個單元格是它所在的行或列的標(biāo)題绿语。
列表
????表格用于表示二維數(shù)據(jù)（行秃症，列），一維數(shù)據(jù)則用列表表示吕粹。列表可以分為無序列(<ul>)种柑，有序列表（<ol>）和定義列表（<dl>）。前兩種列表更常見一些匹耕，都用<li>標(biāo)簽包含列表項目莹规。
????無序列表表示一系列類似的項目，它們之間沒有先后順序泌神。
????有序列表中各個項目間的順序是很重要的良漱，瀏覽器通常會自動給它們產(chǎn)生編號。
框架
????最后談一下框架欢际，曾經(jīng)非常流行的技術(shù)母市，框架使一個窗口里能同時顯示多個文檔。主框架頁里面沒有<body>標(biāo)簽损趋，取代它的是<frameset>患久。
????<frameset>標(biāo)簽的屬性Rows和Cols用于指定框架集(frameset)里有多少行（列），以及每行（列）的高度（寬度）。
? ? <frameset>標(biāo)簽可以包含<frame>標(biāo)簽蒋失，每個<frame>標(biāo)簽代表一個文檔（src屬性指定文檔的地址）返帕。
????如果覺得<frameset>這樣的頁面還不夠復(fù)雜的話，還可以在<frameset>標(biāo)簽里包含標(biāo)簽篙挽。
30分鐘以后怎么辦
????這篇文章只是讓從沒有接觸過HTML的人對HTML有個初步的印象荆萤，所以很多東西都沒有談到。本文并沒有列出HTML中所有的標(biāo)簽铣卡，對于列出的標(biāo)簽也沒有介紹它們的全部屬性链韭。另外，沒有提到的東西里還包括我覺得非常重要的CSS, JavaScript, XHTML, XML, Web Standards煮落，以及它們與HTML的關(guān)系敞峭。不過這些也不太可能在30分鐘內(nèi)學(xué)會，好在只要入了門蝉仇，就能利用網(wǎng)上很多資源繼續(xù)學(xué)習(xí)旋讹。當(dāng)然，如果有一本紙質(zhì)書轿衔，就更好了沉迹，這方面我推薦<<HTML與XHTML權(quán)威指南>>。下面是一些我覺得不錯的網(wǎng)上資源：
