HTML是由Web的發明者TimBerners-Lee和同事DanielW.Connolly于1990年創立的一種標記式語言，它是通用標記語言SGML的簡化。用它的語法規則建立的文檔可以運行在不同操作系統平臺上。因此，HTML文檔屬于純文本文件（它能用任意的文本編寫器書寫）。現在有很多網迷稱HTML為程序語言，把寫HTML文檔理解為編程，這顯然是走進了一個誤區。其實，要想學習HTML，一缽（記事本）一甑（瀏覽器）足矣。
在了解了HTML的定義后，接下來我們便來學習此語言。由于篇幅有限，本文不可能把HTML語言的屬性一一講解。筆者只是選了一些比較重要而又廣泛使用的標簽進行分析。看完這篇文章后，你就會對HTML的工作原理有一個初步的認識。
一、HTML語言基礎
用HTML語言編寫的文檔就稱為HTML文檔。我們平時上網所見到的就是HTML文檔在瀏覽器中顯示的結果。控制HTML文檔外觀的是HTML標簽，瀏覽器可以將標簽解釋成具體的內容，如超級鏈接、標題、段落、列表等。
要學會編寫HTML文檔，就要掌握各種HTML標簽。關于HTML標簽，有五點非常重要:
1.標簽始終以尖括號相圍（小于號/大于號）——如<head>或<i>、</i>。
2.多數標簽都成對出現，并且圍在作用材料的兩側。它們的工作方式就和電燈開關一樣:第一個標簽啟動操作，第二個標簽把它關閉。（當然，也有一些例外。例如，標簽創建段落，但并沒有“關閉開關”。段落創建完后，不能再把后面的部分恢復為創建之前的狀態。）
3.第二個標簽——“關閉開關”總是以前斜杠開始。例如，啟動粗體時使用<b>，表達完你的強烈感情后再用</b>恢復到一般文本。
4.前一個標簽打開，后一個標簽關閉。標簽都是嵌入的。所以如果你寫下了這樣一段HTML文本:
<head>
那么它是無效的。正確的順序應該是<head></head>。
5.許多標簽都有可選的屬性，這些屬性使用只修改標簽的行為。例如，使用<p>標簽的ALIGN屬性，你可以更改缺省的段落對齊方式（左對齊）。比如，<palign=CENTER>就可以使它后面的段落居中。
◎HTML語言可以在任何文本編輯器中編寫，如Word、記事本等，然后保存為.html語言，最后在瀏覽器中瀏覽。
下面，就讓我們開始動手用記事本來寫網頁。
在“開始”→“程序”→“附件”中打開記事本。
1.先輸入幾個符號試驗一下，然后將記事本另存為.html文件。
2.再看看，文本保存的格式是不是和原來不一樣了？！很容易認出來。
3.打開這個新文件，看看出來的是什么？
一個基本的HTML頁面包括以下基本標簽:
<html>
<head>
<title>頁面標題</title>
</head>
<body>
頁面內容
</body>
</html>
是不是很簡單？在這里，HTML標簽用來表示你做的頁面是HTML文檔；HEAD標簽用來描述HTML頁的內容。在<head>與</head>之間可以插入其它標簽，其中最重要的就是TITLE標簽，在<title>與</title>之間的內容就將出現在瀏覽器的標題欄中。
Body標簽用來表示頁面的主體。在<body>與</body>之間可以設置頁面的背景顏色、背景圖像、文字色彩、頁面邊距等。BODY標簽的基本用法如下:
<body
background=url設置頁面的背景圖片
bgcolor=color設置頁面的背景顏色（顏色值為英文和十六進制代碼，代碼表見文章末）
text=color設置頁面文本的顏色
leftmargin=n設置整個頁面的左邊距。當n=0時，頁面的邊緣便緊貼左邊緣
下面讓我們先來試驗一下。
注:以下例圖是將InternetExplorer瀏覽器（以下簡稱IE瀏覽器）和記事本同時并排打開，調整窗口大小后的對比效果。需要注意，每當在記事本中做改動后，都要保存一次，同時在用IE瀏覽器瀏覽時也要刷新一下。
在WORD中設置文字大小是很容易的，不過那是拜其強大的所見即所得功能所賜，上不了臺面的。來利用HTML語言標簽設置一下文字效果吧，你一定會很有成就感！
HTML語言可以用標簽對文檔字符進行字體設置，包括標題、字體、字號、字符顏色等。
1.H標題標簽
一個頁面當然要有一個醒目的標題，這樣別人才能方便迅速地了解你頁面的內容，并根據標題的級別來了解內容的重要程度。HTML可以定義六級標題:H1、H2、H3、H4、H5、H6。與其它標簽一樣，它們也是成對使用的。格式為<Hn>……</Hn>，n可以是1至6的整數。例如:
2.設置文字大小
除了對標題的文字大小進行設置以外，HTML語言還可以利用FONT標簽對文檔內的文字的大小進行設置。FONT標簽包括三種屬性:size屬性，color屬性，face屬性。size屬性用來確定字號的大小，其有效數字范圍在-7（最小）和+7之間。如果不設置，系統的默認值為3。其設置格式為<fontsize=n>……</font>。例如:
3.設置文字顏色
FONT的color屬性可以用來設置文字的顏色。這里所介紹的顏色設置與前面介紹的text=color不同。text=color是設置整個頁面的文字顏色，而這里所介紹的是設置特定文字的顏色，這樣可以使你的頁面更加豐富多彩。其設置格式為<fontcolor=?>……</font>。例如:
4.設置版面
你不想頁面中的文字總是從左邊開始吧？要想在頁面中進行分行和段落設置，必須通過HTML語言進行版面設計。
分段標簽<p>……</p>表示一段文字的開始和結束，單獨一個<p>標簽表示一個空行。
換行標簽<br>……</br>表示瀏覽器執行一個換行動作，它與<p>標簽不同的是，它并不改變段落位置。
居中標簽<center>……</center>可以將文本居中顯示。例如:
三、列表的設置
列表標簽在文檔制作中有重要作用，同樣主頁制作也少不了列表標簽。HTML規定了多種列表標簽，可以設置無序列表、有序列表、自定義列表和目錄列表。我們下面可以看看實際效果。
1.無序列表包括UL標簽和LI標簽。UL標簽創造一個標有圓點的列表，LI標簽放在每個圓點列表前，并加上一個圓點。例如:
2.有序列表包括OL標簽和LI標簽，OL標簽用來創建一個標有數字的列表，LI標簽放在每個數字列表項之前，并加上一個序列數字。例如:
3.自定義列表包括DL、DT、DD等標簽，在這里限于篇幅不多解釋。簡單地說，自定義列表就是解釋詞語。例如:
4.目錄列表則包括DIR、LI元素，舉例如下:
大家都知道，超鏈接是互聯網的一大特點，用鼠標輕輕一點，就可以轉到其它網頁，這是多么神奇啊。超鏈接正是HTML語言的優勢，它是通過A標簽實現的，其屬性是href。
href屬性的用法:當A標簽中包含href屬性時，A標簽的起始標記和結束標記之間的文字就成為超文本，也就是說，用鼠標點擊這個超文本文字，你就可以進入另外一個網址或者自動打開默認電子郵件程序。另外，你也一定注意到，許多時候當我們把鼠標光標放到頁面某個位置時，旁邊就會出現一個小小的黃色文字說明，不要把這種技巧想像得太神秘，其實并不難。讓我們一起試試看:
怎么樣，HTML語言并不神秘吧！
四、建立超鏈接
做主頁，難免要在頁面中加入表格，那就需要用到以下這些基本標簽:
TABLE標簽:說明一個表格的開始和結束
BORDER標簽:為表格加邊框
TR標簽:用以定義表格行數
TH標簽:用以定義表頭
TD標簽:用以定義表格內容
COLSPAN標簽:可以實現跨幾列顯示
ROWSPAN標簽:可以實現跨幾行顯示
這些標簽的用法都可以在下例中看到:
夠神奇吧，只需要加幾個符號，表格就出來了。當然，這個表格還是很簡單的，不過我們可以用其他標簽來修飾、美化它。限于篇幅，這里就不再贅述。
五、在頁面中制表
用MARQUEE標簽可以讓你的主頁動起來。該標簽有許多屬性，以下列舉其中幾種:
1.direction屬性:決定文本的滾動方向，分為向左left和向右right，默認狀態向左。
<marqueedirection=left>從右向左滾動</marquee>
<marqueedirection=right>從左向右滾動</marquee>
2.behavior屬性:指定文本的滾動方式，分為三種:
Scroll:從一端消失后，在另一端出現并繼續滾動。
<marqueebehavior=scroll>一圈一圈地滾動</marquee>
Slide:從一端滾動，接觸到另一端后停止
<marqueebehaviro=slide>只滾動一次就停止</marquee>
Alternate:從一端滾動到另一端后，反向滾動。
<marqueebehavior=alternate>來回滾動</marquee>
六、頁面中的滾動文本
我們上面看到的都是HTML語言的一些基本使用方法，這些常用的語法可以幫助你看懂別人網頁的源代碼，同時也方便你對自己的主頁作些小的修改。以后當你上網沖浪時看到漂亮的頁面，可以通過查看這個頁面的源代碼來分析其采用了什么技術，也許你一時看不懂，但看到那些由HTML基礎語言編寫的代碼，你一定不會覺得陌生了。
注:查看網頁源代碼方法:用鼠標左鍵點擊IE瀏覽器中的“查看”欄，再在下拉菜單中點擊“源文件”，這時這個網頁的所有源代碼即可讓你一覽無余。