超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）
您可以使用 HTML 來建立自己的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析
相對於整個網頁，大模塊 左邊距離別寫固定值，因為用戶分辨率、電腦尺寸不一樣
:
HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言，而是一種標記語言，標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
HTML 文檔包含了HTML 標簽及文本內容
HTML文檔也叫做 web 頁面
http:/ /www.iis7.com/a/lm/zzxzgj/
:
<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）數據
<title> 元素描述了文檔的標題
<body> 元素包含了可見的頁面內容
開頭HTML文檔申明, meta 頁面信息描述的標記 告訴計算機這是一個HTML文檔，結尾也有HTML標誌。body可見元素，head不可見元素，，title標題，utf-8國際通用編碼
HTML 元素語法：
HTML 元素以開始標簽起始
HTML 元素以結束標簽終止
元素的內容是開始標簽與結束標簽之間的內容
某些 HTML 元素具有空內容（empty content）
空元素在開始標簽中進行關閉（以開始標簽的結束而結束）
大多數 HTML 元素可擁有屬性
:
HTML 屬性:
屬性值應該始終被包括在引號內
屬性是 HTML 元素提供的附加信息。
HTML 元素可以設置屬性
屬性可以在元素中添加附加信息
屬性一般描述於開始標簽
屬性總是以名稱/值對的形式出現，比如：name="value"
屬性的作用就是為元素提供更多的信息，大多數元素都可以擁有屬性
屬性的語法；<標簽 屬性1=參數1> 註意空格的使用
:
HTML <head> 元素
<head> 元素包含了所有的頭部標簽元素。在 <head>元素中你可以插入腳本（scripts）, 樣式文件（CSS），及各種meta信息。
可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
<base> 標簽描述了基本的鏈接地址/鏈接目標，該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接
：
meta標簽描述了一些基本的元數據。
<meta> 標簽提供了元數據.元數據也不顯示在頁面上，但會被瀏覽器解析。
META 元素通常用於指定網頁的描述，關鍵詞，文件的最後修改時間，作者，和其他元數據。
元數據可以使用於瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他Web服務。
<meta> 一般放置於 <head> 區域。
只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。
:
HTML 標簽:
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
HTML 標簽是由尖括號包圍的關鍵詞，比如 <html>
HTML 標簽通常是成對出現的，比如 <b> 和 </b>
標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽
開始標簽常被稱為起始標簽（opening tag），結束標簽常稱為閉合標簽（closing tag）。
<h1>最大,h標簽表示標題,會自動換行，直到<h6>
<p> 表示一個段落 會自動換行
<hr> 標簽在 HTML 頁面中創建水平線
<b>元素；作用就是，加粗文字
<strong>作用也是加粗文字
<br>元素；換行
<i>元素；文字傾斜
<del>元素；文字刪除線
<em>元素作用是強調 實際作用也是讓文字傾斜
<s>元素 作用刪除線 語義表示不準確的刪除
<u>元素 作用給文字加下劃線
<ins>元素 作用也是給文字下劃線， 起到強調作用
<small>元素 縮小字體
<big>元素 放大字體
<sub>表示下標
<sup>表示上標
<pre>元素 空行和空格進行控制
<dfn>元素.表示定義術語 或者對一個詞或短語的解釋 實際效果就是傾斜文本
<abbr>元素.一段文本的縮寫 在文本顯示上沒有任何效果 如WTO
<q>元素作用從語義上來看是引用其他地方的內容 實際作用就是給文本加上雙引號
<code>計算機輸出
<kbd>鍵盤輸入
<tt>打字機文本
<samp>計算機代碼樣本
<var>計算機變量
<ruby>元素.作用表示文字上方或右方的註音符號，不常用 很多瀏覽器不支持此功能
<cite>元素 作用語義上來看表示引用其他作品的標題 實際效果就是傾斜
<bdo>元素 作用設置文字方向 必須使用dir屬性才可以設置 共兩個值 rtl、從右到左 ltr，從左到右 默認為ltr，tfel，ot <thgir> 是左到右就是ltr
<mark>元素.作用突出文本 用於記號 實際作用就是加一個×××背景
<time>元素.作用從語義上來看就是表示時間和日期 2018-4-27
<style>：樣式 標記為屬性使用
<div>: 是獨占一行的 它可以嵌套(包含)許多標簽
<span>: 元素也沒有特定的含義，是內聯元素，可用作文本的容器
：
超鏈接：
a href="地址"
不知道鏈接去哪用“#”表示 是空連接
：
img(圖片)：也可以放動圖
src：必要屬性，制定圖片來源路徑，alt當圖片無法顯示時代替文字
width和height 指定圖片的寬和高 單位是像素或百分比
網絡圖片>看屬性(地址）>輸入地址
下載.圖片地址+下載
圖片和html，在本地(我的電腦),相對路徑
圖片和網絡地址是絕對路徑
圖像的名稱和尺寸是以屬性的形式提供的。
：
target屬性有四個值：
-self當前位置 當前頁面關閉
-blank新窗口 不會關閉當前頁面
-top最頂層框架
-parent父框架，返回它的上一層頁面
：
ID屬性：通用屬性 可以理解為元素的×××
name：可以理解為元素的名字
：
<table></table>表格
<tr></tr>行 valign="bottom"行中內容的中上下 top middle bottom
<td></td>列 valign="top middle bottom"列中內容的中上下
<th></th>字自動加粗
cellpadding="#"文字到邊框的距離 （全部網格的距離）
cellspacing="#邊框的間距"
background="imgs" jpg(背景圖片)
標記具有就進原則
colspan="列數"合並行
rowspan="行數"合並列
註意 ：行列都有合並 ，先列後行
：
表單是一個包含表單元素的區域。
表單元素是允許用戶在表單中輸入內容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。
表單使用表單標簽 <form> 來設置。
多數情況下被用到的表單標簽是輸入標簽（<input>）。
輸入類型是由類型屬性（type）定義的。
form：表單 可以直接輸入文字 可分行
<input type="text">文本輸入框 ：常用於：搜索框，用戶名輸入框
<input type="password">密碼文本輸入框： 密碼 輸入時變成黑點
<input type="button" value="按鈕上的字" 按鈕
<input type="text" style="width: #"> 設置文本框寬度
<input type="checkbox" name="vehicle" 復選
<input type="radio" name="sex" 單選
<input type="submit">提交按鈕
<input type="image" 圖片按鈕
<input type="reset"重置 一定要有<form></form>才可以有效
<textarea></textarea> 用戶可書寫文本區域
maxlength 允許最大字符數
<select> 下拉表單
<option></option> 關於多種選擇 例如城市
：
<Iframe>框架，定義一個內聯的iframe。
<rameborder> 屬性用於定義iframe表示是否顯示邊框，設置屬性值為 "0" 移除iframe的邊框
iframe可以顯示一個目標鏈接的頁面，目標鏈接的屬性必須使用iframe的屬性 如：iframe_a
：
HTML 顏色由紅色、綠色、藍色混合而成。
HTML 顏色由一個十六進制符號來定義，這個符號由紅色、綠色和藍色的值組成（RGB）。
每種顏色的最小值是0（十六進制：#00）。最大值是255（十六進制：#FF）。
：
HTML 腳本：
JavaScript 使 HTML 頁面具有更強的動態和交互性。
<script> 標簽
<script> 標簽用於定義客戶端腳本，比如 JavaScript。
<script> 元素既可包含腳本語句，也可通過 src 屬性指向外部腳本文件。
JavaScript 最常用於圖片操作、表單驗證以及內容動態更新。
<noscript> 標簽
<noscript> 標簽提供無法使用腳本時的替代內容，比方在瀏覽器禁用腳本時，或瀏覽器不支持客戶端腳本時。
<noscript>元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。
只有在瀏覽器不支持腳本或者禁用腳本時，才會顯示 <noscript> 元素中的內容
：
字符實體：
空格：
< 小於號：< <
大於號：> >
& 和號：& &
" 引號：" "
‘ 撇號：' (IE不支持) '
￠ 分：¢ ¢
￡ 鎊：£ £
￥：人民幣/日元 ¥ ¥
€：歐元 € €
§：小節 § §
?：版權 © ©
?：註冊商標 ® ®
?：商標 ™ ™
×：乘號 × ×
÷：除號 ÷ ÷
：
HTML 統一資源定位器(Uniform Resource Locators)
URL 是一個網頁地址。
URL可以由字母組成，如"runoob.com"，或互聯網協議（IP）地址： 192.68.20.50。大多數人進入網站使用網站域名來訪問，因為 名字比數字更容易記住。
URL - 統一資源定位器
Web瀏覽器通過URL從Web服務器請求頁面。
當您點擊 HTML 頁面中的某個鏈接時，對應的 <a> 標簽指向萬維網上的一個地址。
一個統一資源定位器(URL) 用於定位萬維網上的文檔
URL 字符編碼
URL 只能使用 ASCII 字符集.
來通過因特網進行發送。由於 URL 常常會包含 ASCII 集合之外的字符，URL 必須轉換為有效的 ASCII 格式。
URL 編碼使用 "%" 其後跟隨兩位的十六進制數來替換非 ASCII 字符。
URL 不能包含空格。URL 編碼通常使用 + 來替換空格。
scheme：定義因特網服務的類型。最常見的類型是 http。
host：定義域主機（http 的默認主機是 www）。
domain：定義因特網域名，比如 runoob.com。
:port：定義主機上的端口號（http 的默認端口號是 80）。
path：定義服務器上的路徑（如果省略，則文檔必須位於網站的根目錄中）。
filename：定義文檔/資源的名稱。
以下是一些URL scheme(方案)：
http：超文本傳輸協議 以 http:// 開頭的普通網頁。不加密。
https：安全超文本傳輸協議 安全網頁，加密所有信息交換。
ftp：文件傳輸協議 用於將文件下載或上傳至網站。
file：您計算機上的文件。
：
<ul>無序列表 ，自帶左側40px距離
<ol>有序列表
<li>
<dl> <dt> <dd> 自定義列表 dd是描述dt的元素，如圖片描述。不可以插入塊級元素。
disc 定義圓點
circle 定義圓圈
square 定義正方形
：
cursor: pointer(鼠標經過時變成手的樣子)
rgba(1.紅 2.綠 3.藍 4.透明度)
ctrl+f ：查找與替換
2個漢字==4個英文字
：
HTML 是一種在 Web 上使用的通用標記語言。HTML 允許你格式化文本，添加圖片，創建鏈接、輸入表單、框架和表格等等，並可將之存為文本文件，瀏覽器即可讀取和顯示。
HTML 的關鍵是標簽，其作用是指示將出現的內容。
：
HTML - XHTML
XHTML 是以 XML 格式編寫的 HTML。
什麽是 XHTML?
XHTML 指的是可擴展超文本標記語言。
XHTML 與 HTML 4.01 幾乎是相同的。
XHTML 是更嚴格更純凈的 HTML 版本。
XHTML 是以 XML 應用的方式定義的 HTML。
XHTML 是 2001 年 1 月發布的 W3C 推薦標準。
XHTML 得到所有主流瀏覽器的支持。
XML 是一種必須正確標記且格式良好的標記語言。
：
HTML 助手（插件）
輔助應用程序（helper application）是可由瀏覽器啟動的程序。輔助應用程序也稱為插件。
輔助程序可用於播放音頻和視頻（以及其他）。輔助程序是使用 <object> 標簽來加載的。
使用輔助程序播放視頻和音頻的一個優勢是，您能夠允許用戶來控制部分或全部播放設置。
插件可以通過 <object> 標簽或者 <embed> 標簽添加在頁面中。
大多數輔助應用程序允許對音量設置和播放功能（比如後退、暫停、停止和播放）的手工（或程序的）控制
我們可以使用 <video> 和 <audio> 標簽來顯示視頻和音頻
<object> 元素：(關鍵：Data)
<object> 元素定義了在 HTML 文檔中嵌入的對象。
該標簽用於插入對象 (例如在網頁中嵌入 Java 小程序, PDF 閱讀器, Flash 播放器)
<embed> 元素 : (關鍵：src)
<embed> 元素表示一個 HTML Embed 對象
<embed> 元素沒有關閉標簽。 不能使用替代文
超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）