HTML簡介

HTML 的概念

我們學(xué)習HTML ，我們就要知道HTM是什么？

長話短說，HTML是由一名叫TimBerners-Lee的科學(xué)家發(fā)明的。他發(fā)明HTML的目的，是為了方便不同大學(xué)的科學(xué)家們可以更容

易地獲取彼此的研究文檔。HTML取得了的巨大成功，大大超出了TimBerners-Lee的原本預(yù)計。通過發(fā)明HTML，他為我們今天

所認識的萬維網(wǎng)奠定了基礎(chǔ)。HTML是一門語言，它令我們可以在因特網(wǎng)上展示信息（例如科學(xué)研究信息）。你所看到的網(wǎng)頁，是

瀏覽器對HTML進行解釋的結(jié)果。要查看一個網(wǎng)頁的HTML代碼，只需在瀏覽器菜單欄上點擊查看源文件，然后選擇 "源文件"即可

?對于生手來說，HTML代碼看似很復(fù)雜，不過本教程將幫助你弄清楚它們的含義。

HTML能用來做什么？

HTML是用來制作網(wǎng)站的。就這么簡單！

HTML文件

什么是HTML文件？

?HTML的英文全稱是Hypertext ? ? ?Marked Language，中文叫做“超文本標記語言”。
?和一般文本的不同的是，一個HTML文件不僅包含文本內(nèi)容，還包含一些Tag，中文稱“標記”。
?一個HTML文件的后綴名是.htm或者是.html。
?用文本編輯器就可以編寫HTML文件。

HTML 文檔 = 網(wǎng)頁

HTML 文檔描述網(wǎng)頁
HTML 文檔包含 HTML 標簽和純文本
HTML 文檔也被稱為網(wǎng)頁

讓我們先看一個HTML文件

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 <body>
 
 建立的第一個HTML文件 <b> bold ：粗體</b>
 
 </body>
 </html>

示例解釋：

<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位于 <html> 標簽之前。它是指示web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進行編寫的指令

<!DOCTYPE?html>?向下兼容

<html> 與 </html> 標簽限定了文檔的開始點和結(jié)束點，在它們之間是文檔的頭部和主體。另外，一般在HTML5里<html>會寫

成<html lang="zh-CN">告訴瀏覽器網(wǎng)站是中文站點。

在<head>和</head>之間的內(nèi)容，是Head信息。Head信息是不顯示出來的，你在瀏覽器里看不到。但是這并不表示這些信息

沒有用處。比如你可以在Head信息里加上一

些關(guān)鍵詞，有助于搜索引擎能夠搜索到你的網(wǎng)頁。

在<title>和</title>之間的內(nèi)容，是這個文件的標題。你可以在瀏覽器最頂端的標題欄看到這個標題。

在<body>和</body>之間的信息，是可見的頁面內(nèi)容。

在<b>和</b>之間的文字，用粗體表示。<b>顧名思義，就是bold的意思。

HTML文件看上去和一般文本類似，但是它比一般文本多了Tag，比如<html>，<b>等，通過這些Tag，可以告訴瀏覽器如何顯

示這個文件。

Tag：英文中的意思是標簽

HTML元素(HTML Elements)

· ? HTML元素(HTML Element)用來標記文本，表示文本的內(nèi)容。比如body,?p, title就是HTML元素。?

· ? HTML元素用Tag表示，Tag以<開始，以>結(jié)束。

· ? Tag通常是成對出現(xiàn)的，比如<body></body>。起始的叫做開始 Tag，結(jié)尾的就叫做結(jié)尾 Tag。

· ? 目前HTML的Tag不區(qū)分大小寫的。比如，<HTML>和<html>其實是相同的。

我們看過了HTML 文件，那么應(yīng)該是用什么來寫我們的html文件呢，這就要用到我們的HTML編輯器了

HTML 編輯器

使用 Notepad 或 TextEdit 來編寫 HTML

可以使用專業(yè)的 HTML 編輯器來編輯 HTML：

Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor

到百度去搜索，把他們下載安裝下來即可

不過，我們同時推薦使用文本編輯器來學(xué)習 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我們相信，使用一款簡單的文本編

輯器是學(xué)習 HTML 的好方法。

通過記事本，依照以下四步來創(chuàng)建您的第一張網(wǎng)頁。

網(wǎng)頁的內(nèi)容是： ?哇！這是我的第一個網(wǎng)站

步驟一：啟動記事本

如何啟動記事本：在桌面鼠標右擊，新建文本文檔，

步驟二：用記事本來編輯 HTML

在記事本中輸入以下 HTML 代碼：

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 <body>
 哇！這是我的第一個網(wǎng)站
 </body>
 </html>