HTML即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。

首先了解html基本標(biāo)簽用法

• body 　　指明文檔主體的開始和結(jié)束。
   
• head 　　提供了關(guān)于文檔的無序信息集合。
   
• title 　　文檔的標(biāo)題。
   
• br 　　插入一個(gè)換行符。
   
• div 　　表示一塊可顯示 HTML 的區(qū)域
   
• dt 　　在定義列表中表示定義術(shù)語。
   
• h1-h6 　　這實(shí)際上是6個(gè)標(biāo)簽，他們以標(biāo)題樣式顯示文本，h1最大，h6最小。 　　
   
• hr 　　水平線。
   
• mg 　　在文檔中嵌入圖像或視頻片斷。 　　
   
• input 　　創(chuàng)建各種表單輸入控件。
   
• p 　　表示一段。
   
• table 　　說明所含內(nèi)容組織成含有行和列的表格形式。 　　
   
• tbody 　　指明哪些行作為表格的主體。 　　
   
• td 　　指定表格中的單元格。 　　
   
• textarea 　　多行文本輸入控件。
   
• tr 　　指定表格中的一行
   
• 其他等
   

編寫工具

1. Dreamweaver 　　
   Dreamweaver原Macromedia公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。它不僅是優(yōu)秀的編輯器，更是優(yōu)秀的代碼編輯器，有代碼加亮，代碼提示等豐富功能，提供各種示例代碼，并支持Javascript,PHP,ASP,JSP等多種腳本語言。
    
2. Frontpage 　　
   Microsoft公司出品的FrontPage是制作表單式網(wǎng)頁的常用工具。FrontPage 2000是微軟公司最新推出的面向21世紀(jì)網(wǎng)絡(luò)辦公自動(dòng)化時(shí)代的大型套裝軟件Office 2000中新增的一個(gè)重要組件，也是Office 2000注重網(wǎng)絡(luò)與Internet應(yīng)用的一個(gè)重要體現(xiàn)。FrontPage 2000是目前最常用的中文版網(wǎng)頁制作工具之一，簡單易學(xué)。FrontPage 2000相對于前面的版本在網(wǎng)頁向?qū)?、網(wǎng)頁編輯、表單與框架頁技術(shù)、音頻與視頻插件、動(dòng)態(tài)HTML技術(shù)（DHTML，上世紀(jì)末興起的一種web技術(shù)，現(xiàn)在已經(jīng)過時(shí)）、數(shù)據(jù)庫連接等方面進(jìn)行了重大的改進(jìn)，從而增強(qiáng)了網(wǎng)頁制作的功能。
    
3. eclipse 　　
   Eclipse 是一個(gè)開放源代碼的、基于 Java 的可擴(kuò)展開發(fā)平臺。就其本身而言，它只是一個(gè)框架和一組服務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。幸運(yùn)的是，Eclipse 附帶了一個(gè)標(biāo)準(zhǔn)的插件集，包括 Java 開發(fā)工具　　
    
4. UltraEdit 　　
   UltraEdit 是能夠滿足你一切編輯需要的編輯器。UltraEdit 是一套功能強(qiáng)大的文本編輯器，可以編輯文本、十六進(jìn)制、ASCII 碼，完全可以取代記事本(如果你的電腦足夠強(qiáng)大)，內(nèi)建英文單字檢查、C++ 及 VB 指令突顯，可同時(shí)編輯多個(gè)文件，而且即使開啟很大的文件速度也不會慢。軟件附有 HTML 標(biāo)簽顏色顯示、搜尋替換以及無限制的還原功能，一般大家喜歡用其來修改EXE 或 DLL 文件。
    

學(xué)習(xí)注意地方

• 結(jié)束標(biāo)簽忘記關(guān)閉
  　　這個(gè)是新手最容易犯的錯(cuò)誤了。當(dāng)我們看到版面剛剛還好好的，一下子就全亂了，找不到原因，不知道哪里錯(cuò)誤的時(shí)候。也許就是這個(gè)問題了，也是最難診斷的失誤之一。驗(yàn)證程序有時(shí)會指向錯(cuò)誤的開啟div標(biāo)簽，診斷時(shí)就像大海撈針一樣麻煩，在DW驗(yàn)證文檔不能解決的情況下，只能手工一個(gè)一個(gè)去檢查，比較麻煩。
   
• 不當(dāng)?shù)腄OCTYPE聲明
  　　不聲明DOCTYPE，或者在文件開始錯(cuò)誤聲明DOCTYPE，也是一個(gè)常見錯(cuò)誤。根據(jù)一般經(jīng)驗(yàn)，不過這個(gè)問題不大，因?yàn)榇蠹议_始做做的XHTML都是自動(dòng)生成模板的，一般不會出現(xiàn)錯(cuò)誤。
  
   
• 不良嵌套
  　　嵌套就是元素里又包括元素，我們?nèi)菀谆煜短自氐捻樞?。例如在div標(biāo)簽前啟動(dòng)strong標(biāo)簽，但又先關(guān)閉div標(biāo)簽。這可能不會改變版塊布局，但卻會使你的版塊設(shè)計(jì)失效，一般來說，嵌套的層級要符合語義。不要span里面又套div等。

• HTML