學習前端開發，第一步要學習的絕對是HTML。 什麼是HTML？ HTML 是(Hyper Text Markup Language)四個單詞的縮寫，翻譯過來就是超文本標記語言， 所以它不是一門編程語言，只是一門標記語言。 學習html的第一步就是需要學習它的標簽如何使用。這個沒有什麼技巧，全靠平時多 ...
學習前端開發，第一步要學習的絕對是HTML。
什麼是HTML？
HTML 是(Hyper Text Markup Language)四個單詞的縮寫，翻譯過來就是超文本標記語言， 所以它不是一門編程語言，只是一門標記語言。
學習html的第一步就是需要學習它的標簽如何使用。這個沒有什麼技巧，全靠平時多練習多用，才能達到熟能生巧的境界。
Html一共有一百一十多個標簽（包含html5的新標簽），如果想要全部掌握還真得費不少功夫，但是實際開發中經常用到的也就四五十個，有很多都是不常用的，如果一個不落的去學習反而浪費了寶貴的時間。
以下就結合自己實際開發中經常用到的標簽做一個說明和總結。如果對一些標簽不是很理解，暫時可不必深究。我現在只是做一個標簽的羅列，具體用法可查閱手冊。
更詳細的信息請參閱下麵這個網站
W3school：http://www.w3school.com.cn/h.asp
1，基礎標簽
基礎標簽是必須全部掌握的，因為在每個html網頁中幾乎都可以看到他們的身影。
<!DOCTYPE> 定義文檔類型。請始終向 HTML 文檔添加 <!DOCTYPE> 聲明，這樣瀏覽器才能獲知文檔類型。
<html> 定義 HTML 文檔。
<head> 定義關於文檔的信息。
<meta> 定義關於 HTML 文檔的元信息。
<title> 定義文檔的標題。
<body> 定義文檔的主體。
<h2> 二級標題
<h3> 三級標題
<p> 定義段落。
<!--...--> 定義註釋
2，格式標簽
格式標簽現在用的不是很多，因為現在樣式修飾都交給css去做了。
<b> 定義粗體文本。
<del> 定義被刪除文本。
<em> 定義強調文本。
<i> 定義斜體文本。
<sup> 定義上標文本。
<sub> 定義下標文本。
<hr> 定義水平線。
<br> 定義簡單的折行。
3，多媒體鏈接
<img> 定義圖像。
註意其alt屬性，title屬性
<canvas> 定義圖形。
<audio> 定義聲音
<video> 定義視頻
<a> 定義超鏈接
a標簽在實際應用中用的是相當多的
<link> 定義文檔與外部資源的關係。
4，列表
<ul> 定義無序列表。
<ol> 定義有序列表。
<li> 定義列表的項目。
<dl> 定義定義列表。
<dt> 定義定義列表中的項目。
<dd> 定義定義列表中項目的描述。
5，表單
<form> 定義供用戶輸入的 HTML 表單。
<input> 定義輸入控制項。
屬性非常多，也很常用，詳情請查閱手冊。
<textarea> 定義多行的文本輸入控制項。
<button> 定義按鈕。
<select> 定義選擇列表（下拉列表）。
<option> 定義選擇列表中的選項。
<label> 定義 input 元素的標註。
<datalist> 定義下拉列表。
6，表格
<table> 定義表格
<caption> 定義表格標題。
<thead> 定義表格中的表頭內容。
<tbody> 定義表格中的主體內容。
<tfoot> 定義表格中的表註內容（腳註）。
<th> 定義表格中的表頭單元格。
<tr> 定義表格中的行。
<td> 定義表格中的單元。
表格在現在的網站中用的倒不是很多了。
7，其他常用標簽
<div> 定義文檔中的節。
<span> 定義文檔中的節。
<style> 定義文檔的樣式信息。
<script> 定義文檔中的腳本信息
<base> 定義頁面中所有鏈接的預設地址或預設目標。
以下標簽為html5新增的語義化標簽
<header> 定義 section 或 page 的頁眉。
<footer> 定義 section 或 page 的頁腳
<section> 定義 section。
<article> 定義文章。
<aside> 定義頁面內容之外的內容。
註意：html5新標簽不被ie瀏覽器識別問題
需要引入html5shiv包，使用條件註釋解決
<!--[if lte IE 8]>
<script src="libs/html5shiv/html5shiv.js"></script>
<![endif]-->
好吧，簡單的HTML常用標簽就這麼多了，希望對前端新人有所幫助。
至於HTML5的新特性後續再繼續總結。
