【學習的網站是主要是W3school，還加上一些其他搜索學習到的內容，僅在博客做個人整理】
HTML
一、標簽——尖括號圍成的關鍵詞，成對出現。
※使用時必須符合標簽嵌套規則
1.聲明
（1）<!DOCTYPE html>：HTML5文檔類型聲明
（2）對於中文網頁需要使用 <meta charset="utf-8"> 聲明編碼
2.鏈接
<a>：鏈接 【在href屬性中指定鏈接的地址】，在標簽里添加文本標簽或圖片標簽。
- target屬性：target="_blank"時會在新窗口打開文檔
- name屬性：規定錨（anchor）的名稱。使用命名錨（named anchors）時，可以直接跳至頁面中的某個鏈接。
3.布局
- <div>：塊元素，以新行開始和結束。組合其他HTML元素，常與CSS一同使用，可用於對大的內容塊設置樣式屬性。
- <span>：內聯元素，不會以新行開始和結束。
4.文本
- <title>：文檔標題
- <h1> - <h6>：html標題
- <body>：可見的頁面內容
- <p>：普通段落
- <strong>：粗體文本，強調強調內容
- <b>：粗體文本
- <em>：強調內容，瀏覽器用斜體文本展示
- <i>：斜體文本
- <hr /> ：創建水平線
- <br /> ：不產生新段落的情況下【換行】
- <pre>：定義預格式化的文本，保留空格和換行。
- <abbr title="etcetera">etc.</abbr>：定義縮寫或首字母縮略語。把鼠標移至縮略詞語etc.上時，可展示完整版本"etcetera"。
- <q>：定義短的引用。會為 <q> 元素包圍引號
- <blockquote>：定義塊引用，插入換行和外邊距
- <del>：刪除線
- <ins>：下划線
5.多媒體
- <img />：圖像 【圖像的名稱和尺寸是以屬性的形式提供的】，源屬性src="圖像URL地址"，替換為本屬性alt="xxx"
- <video>：定義視頻內容
- <audio>：定義聲音內容
子標簽<source>：定義文件所在地
子標簽<track>：定義軌道
6.序列化列表
（1）<ul>無序列表標簽
（2）<ol>有序列表標簽
有序、無序列表項均始於 <li>
（3）<dl>自定義列表標簽
7.表格
8.輸入表單
定義用戶輸入
（1）<from>：塊級元素，屬性name、action、method、enctype
（2）<input>：type屬性、checked預選、name、value頁面所顯示的值
type的值類型：
- text：文本框
- password：密碼框
- checkbox：復選框
- radio：單選框
- button：按鈕
- submit：提交，將表單數據發送到<form>標簽中action屬性所指值的網頁中/向表單處理程序（處理輸入數據的腳本的服務器頁面）提交
- reset：重置
- hidden：
（3）<datalist>：為 <input> 元素規定預定義選項列表。其id屬性必須與<input>標簽中的list屬性值相同
（4）<select>：下拉列表，屬性name
子標簽<option>：屬性name、value、selected
（5）<textarea>：文本域
（6）<fieldset>：繪制一個帶標題的框
子標簽<legend>：表示標題
9.畫布
<canvas>
二、元素——從開始標簽到結束標簽的所有代碼。
- 大多數HTML元素可擁有屬性
- 大多數 HTML 元素可以嵌套（可以包含其他 HTML 元素）
三、屬性——提供了有關 HTML 元素的更多的信息
※以名稱/值對的形式出現：xxx=“xxx”（若屬性值中含有雙引號則外圍必須使用單引號）
※屬性在開始標簽中規定。
【HTML參考手冊】http://www.w3school.com.cn/tags/index.asp
1.大多數元素都有的屬性名稱：
- id
- class
2.<style> HTML樣式 元素屬性名稱：
- background-color：背景顏色
- font-family：文本字體系列
- color：文本顏色
- font-size：文本字體尺寸
- text-align：文本水平對齊方式
3.<table>元素屬性名稱：
- border：表格邊框
CSS
一、樣式表
1.外部樣式表——當樣式需要被應用到很多頁面時
定義外部CSS文件，在<head>標簽中使用鏈接式<link>：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
2.內部樣式表——單個文件需要特別樣式時
<head>標簽中創建一個<style>標簽，其中添加CSS代碼：
<head>
<style type="text/css"> body {background-color: red} p {margin-left: 20px}
</style>
</head>
3.內聯CSS
在相關標簽中使用style屬性：
<p style="color: red; margin-left: 20px"> This is a paragraph </p>
二、語法
1.選擇器——需要改變樣式的HTML元素
（1）派生選擇器：
只有<li>元素中的<strong>元素適用：
li strong { font-style: italic; font-weight: normal;
}
（2）id選擇器
以#定義，只能在每個HTML文檔中出現一次
（3）類選擇題
以.定義
類名的第一個字符不要使用數字
2.語法——由屬性和值構成，由冒號":"分開
- color（顏色）:值（red）、十六進制顏色值（#FF0000）、RGB值（rgb(255,0,0)）
- background（背景顏色）:
- font-size（字體大小）:
- font-family（字體樣式）:
- font-style（）
- font-weight
- margin（）
- padding（）