HTML簡介
HTML 是用來描述網頁的一種語言。指的是超文本標記語言 (HyperTextMarkupLanguage)，它不是一種編程語言，而是一種標記語言 (markup language)。或許你有迷惑了，什么是標記語言呢？標記語言是一套標記標簽 (markup tag)，而HTML 使用標記標簽來描述網頁。HTML 文檔也被稱為網頁，包含 HTML 標簽和純文本。HTML 標簽是由尖括號包圍的關鍵詞，比如 。HTML 標簽通常是成對出現的，比如 和 。標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽。開始和結束標簽也被稱為開放標簽和閉合標簽。也就是說，網頁=HTML標簽語言。
HTML編輯器
簡單地說，我們應在哪些專業專業里面做網頁呢？小編在這里推薦三款專業的HTML編輯器來編輯HTML：Adobe Dreamweaver、Microsoft Expression Web、Coffee Cup HTML Editor。下面我們將用記事本來做一個最簡單的網頁：
首先打開記事本（開始所有程序Windows附件記事本），第二步是在記事本中編輯HTML語言，如下圖：
第三步，保存文檔為HTML格式（在記事本的文件菜單選擇另存為）。當保存HTML文件時，既可以使用.htm，也可以使用.html擴展名。
第四步，在瀏覽器中運行這個HTML文件（啟動瀏覽器，然后選擇文件菜單的打開文件命令，或者雙擊該HTML文件），結果如下：
這樣，一個簡單的網頁就做成了。
HTML代碼
一、標題
網頁制作時用什么來表示標題呢？下面我們來看看:
標題（Heading）是通過
注釋：瀏覽器會自動地在標題的前后添加空行。注釋：默認情況下，HTML 會自動地在塊級元素前后添加一個額外的空行，比如段落、標題元素前后。
二、水平線
hr 元素可用于分隔內容。
提示：使用水平線 (
三、注釋
可以將注釋插入 HTML 代碼中，這樣可以提高其可讀性，使代碼更易被人理解。瀏覽器會忽略注釋，也不會顯示它們。
注釋是這樣寫的：
注釋：開始括號之后（左邊的括號）需要緊跟一個嘆號，結束括號之前（右邊的括號）不需要。提示：合理地使用注釋可以對未來的代碼編輯工作產生幫助。
四、段落
段落是通過
標簽定義的。
注釋：瀏覽器會自動地在段落的前后添加空行。（
是塊級元素）提示：使用空的段落標記
五、折行
折行的主要目的是調整網頁布局，讓它看起來更美觀簡潔。
如果您希望在不產生一個新段落的情況下進行換行（新行），請使用
標簽：
元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義，因此它沒有結束標簽。
HTML樣式
一、背景顏色
background-color屬性為元素定義了背景顏色：
代碼為：
This is a paragraph.
二、字體、顏色以及尺寸
font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸：
代碼為：
A paragraph.
三、文本對齊
text-align 屬性規定了元素中文本的水平對齊方式。
居中對齊：
左對齊：
右對齊：
HTML引用
1、HTML
瀏覽器通常會為
2、用于長引用的 HTML
。
HTML
元素定義被引用的節。瀏覽器通常會對元素進行縮進處理。
HTML超鏈接
什么是超鏈接？超鏈接就是從一個頁面到另一個頁面之間跳轉的方式。超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。當您把鼠標指針移動到網頁中的某個鏈接上時，箭頭會變為一只小手。我們通過使用 標簽在 HTML 中創建鏈接。
上面這行代碼顯示為：Visit Baidu
點擊這個超鏈接會把用戶帶到 Baidu 的首頁。
提示："鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。
鏈接屬性：使用 Target 屬性，你可以定義被鏈接的文檔在何處顯示。
查看結果：
HTML圖像
在我們制作的網頁中如何插入圖片或視頻？我們進入下面的學習。
圖像標簽（）和源屬性（Src）
在 HTML 中，圖像由 標簽定義。
是空標簽，意思是說，它只包含屬性，并且沒有閉合標簽。
要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。
替換文本屬性（Alt）：alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的。即圖片在網絡不佳時，圖片加載不出來就用替換文本代替。
上圖是圖片插入及其大小的調整。
上圖展示了替換文本。
HTML圖片鏈接
這節中我們把前面兩節聯合起來，直接在圖片上鏈接。下面看看例子:
HTML表格
如何在網頁中創建表格呢？這是我們接下來要看到的內容。
表格由標簽來定義。每個表格均有若干行（由標簽定義），每行被分割為若干單元格（由標簽定義）。字母td指表格數據（tabledata），即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
HTML表格屬性
1.表格和邊框屬性
如果不定義邊框屬性，表格將不顯示邊框。有時這很有用，但是大多數時候，我們希望顯示邊框。
2.表格的表頭
表格的表頭使用標簽進行定義。
3.表格中的空單元格
在一些瀏覽器中，沒有內容的表格單元顯示得不太好。如果某個單元格是空的（沒有內容），瀏覽器可能無法顯示出這個單元格的邊框。
上面用一個例子說明上面三個屬性:兩個表一個有邊框，一個沒有，原因是第二個表格沒有設置邊框屬性；表頭有橫豎之分，一目了然；空單元格應該是圖一紅點處加 。
HTML列表
第一，無序列表
無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。
無序列表始于
標簽。每個列表項始于
。
第二，有序列表
同樣，有序列表也是一列項目，列表項目使用數字進行標記。
有序列表始于
標簽。每個列表項始于
標簽。
上面是一個無序的嵌套列表，代碼稍做改動就有了下面有序和無序的嵌套列表。
列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
HTML css樣式
當瀏覽器讀到一個樣式表，它就會按照這個樣式表來對文檔進行格式化。有以下三種方式來插入樣式表：
第一，外部樣式表
當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點的外觀。
第二，內部樣式表
當單個文件需要特別樣式時，就可以使用內部樣式表。你可以在 head 部分通過
關注微信
