HTML簡介
HTML 的概念
我們學(xué)習(xí)HTML ，我們就要知道HTM是什麼？
長話短說，HTML是由一位叫TimBerners-Lee的科學(xué)家發(fā)明的。他發(fā)明HTML的目的，是為了方便不同大學(xué)的科學(xué)家可以更容
易地取得彼此的研究文件。 HTML取得了的巨大成功，大大超越了TimBerners-Lee的原本預(yù)期。透過發(fā)明HTML，他為我們今天
所認(rèn)識(shí)的萬維網(wǎng)奠定了基礎(chǔ)。 HTML是一門語言，它讓我們可以在網(wǎng)際網(wǎng)路上展示資訊（例如科學(xué)研究資訊）。你所看到的網(wǎng)頁，是
瀏覽器對(duì)HTML進(jìn)行解釋的結(jié)果。要查看一個(gè)網(wǎng)頁的HTML程式碼，只需在瀏覽器選單列上點(diǎn)擊查看原始文件，然後選擇"原始檔"即可
?#對(duì)於生手來說，HTML程式碼看似複雜，不過本教學(xué)將幫助你弄清楚它們的意義。
HTML能用來做什麼？
HTML是用來製作網(wǎng)站的。就這麼簡單！
#HTML檔
什麼是HTML檔？
?HTML的英文全名是Hypertext ? ? ?Marked Language，中文稱為「超文本標(biāo)記語言」。
?和一般文本的不同的是，一個(gè)HTML文件不僅包含文本內(nèi)容，還包含一些Tag，中文稱「標(biāo)記」。
?一個(gè)HTML檔案的字尾名是.htm或是.html。
?用文字編輯器就可以寫HTML檔案。
HTML 文件= 網(wǎng)頁
HTML 文件描述網(wǎng)頁
HTML 文件包含HTML 標(biāo)籤和純文字
#HTML 文件也稱為網(wǎng)頁
讓我們先看一個(gè)HTML檔
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> 建立的第一個(gè)HTML文件 <b> bold ：粗體</b> </body> </html>
範(fàn)例解釋：
### #<!DOCTYPE> 宣告必須是HTML 文件的第一行，位於<html> 標(biāo)籤之前。它是指示web 瀏覽器關(guān)於頁面使用哪個(gè) HTML 版本進(jìn)行編寫的指令###
<!DOCTYPE?html>?向下相容
<html> 與</html> 標(biāo)籤限定了文件的開始點(diǎn)和結(jié)束點(diǎn)，在它們之間是文件的頭部和主體。另外，一般在HTML5裡<html>會(huì)寫
成<html lang="zh-CN">告訴瀏覽器網(wǎng)站是中文網(wǎng)站。
在<head>和</head>之間的內(nèi)容，是Head訊息。 Head資訊是不顯示出來的，你在瀏覽器裡看不到。但這並不表示這些資訊
沒有用處。例如你可以在Head資訊裡加上一
些關(guān)鍵字，有助於搜尋引擎能夠搜尋到你的網(wǎng)頁。
<meta charset="UTF-8">這句話表示我們用的程式碼是UTF-8的編碼
在< title>和</title>之間的內(nèi)容，是這個(gè)文件的標(biāo)題。你可以在瀏覽器最頂端的標(biāo)題列看到這個(gè)標(biāo)題。
在<body>和</body>之間的訊息，是可見的頁面內(nèi)容。
在<b>和</b>之間的文字，用粗體表示。 <b>顧名思義，就是bold的意思。
HTML檔案看起來和一般文字類似，但它比一般文字多了Tag，像是<html>，<b>等，透過這些Tag，可以告訴瀏覽器如何顯示
示這個(gè)文件。
Tag：英文中的意思是標(biāo)籤
#HTML元素(HTML Elements)
· ? HTML元素(HTML Element)用來標(biāo)記文本，表示文本的內(nèi)容。比如body,?p, title就是HTML元素。?
· ? HTML元素以Tag表示，Tag以<開始，以>結(jié)束。
· ? Tag通常是成對(duì)出現(xiàn)的，例如<body></body>。起始的叫做開始 Tag，結(jié)尾的叫做結(jié)尾 Tag。
· ? 目前HTML的Tag不區(qū)分大小寫的。例如，<HTML>和<html>其實(shí)是相同的。
我們看過了HTML 文件，那應(yīng)該是用什麼來寫我們的html檔呢，這就要用到我們的HTML編輯器了
#HTML 編輯器
使用Notepad 或TextEdit 來寫HTML
可以使用專業(yè)的HTML 編輯器來編輯HTML：
#Adobe Dreamweaver
############################################################################### # Microsoft Expression Web##################CoffeeCup HTML Editor######
到百度去搜索，把他們下載安裝下來即可
不過，我們同時(shí)推薦使用文字編輯器來學(xué)習(xí)HTML，例如Notepad (PC) 或TextEdit (Mac)。我們相信，使用簡單的文字編
輯是學(xué)習(xí) HTML 的好方法。
透過記事本，依照以下四個(gè)步驟來建立您的第一張網(wǎng)頁。
網(wǎng)頁的內(nèi)容是： ?哇！這是我的第一個(gè)網(wǎng)站
#步驟一：啟動(dòng)記事本
#如何啟動(dòng)記事本：在桌面滑鼠右鍵，新文字文檔，
步驟二：用記事本來編輯HTML
在記事本中輸入下列HTML 程式碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> 哇！這是我的第一個(gè)網(wǎng)站 </body> </html>
#步驟三：儲(chǔ)存HTML文件
#儲(chǔ)存文件，將檔案重新命名，將檔案的後綴名改為.htm 或.html 後綴名，兩者沒有區(qū)別，完全根據(jù)您的喜好。
#直接雙擊開啟你的HTML檔案
