HTML 超文本標(biāo)記語言(HyperText Markup Language )
即使HTML對標(biāo)簽大小寫不敏感止后，但是對于長遠(yuǎn)的保障瞎惫，還是都有小寫比較好
在HTML中要始終為屬性值加引號，當(dāng)屬性值本身含有雙引號的時候必須要使用單引號译株，如name=‘Bill "Helloworld"?Cates'
常用屬性：
width，height：規(guī)定標(biāo)簽的大小值
align：擁有關(guān)于對齊方式的附加信息 , "center" 居中排列 , "left"靠左,"right"靠右
bgcolor：擁有關(guān)于背景顏色的附加信息挺益，
font-family歉糜，color以及font-size：定義字體、顏色和尺寸望众，如
<p style="font-family:verdana;color:red;font-size:20px;">A paragraph</p>
text_align：規(guī)定了元素中文本的水平對齊方式匪补，如style=“text-align:center伞辛；”
border：擁有關(guān)于表格邊框的附加信息，如
<h1 style="font-family:verdana">A heading</h1>
background：為頁面添加背景圖片夯缺，gif 和 jpg 文件均可用作 HTML 背景蚤氏。如果圖像小于頁面，圖像會進(jìn)行重復(fù)踊兜。
background-color：為元素定義了背景顏色竿滨，如
<h2 style="background-color:green">它的背景色是綠色的</h2>
注釋：<！-- 注釋內(nèi)容?-->捏境，合理的使用注釋可以為未來的代碼編輯工作帶來幫助
常用標(biāo)簽：
html：表述網(wǎng)頁于游，定義了整個HTML文檔
body：可見的網(wǎng)頁內(nèi)容，HTML文檔主體
title：元素可定義文檔的標(biāo)題垫言。
瀏覽器會以特殊的方式來使用標(biāo)題贰剥，并且通常把它放置在瀏覽器窗口的標(biāo)題欄或狀態(tài)欄上。同樣筷频，當(dāng)把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時蚌成，標(biāo)題將成為該文檔鏈接的默認(rèn)名稱。
HTML標(biāo)題： h1凛捏，h2笑陈，h3，h4葵袭，h5涵妥，h6
link：外鏈樣式，
<link rel="stylesheet" type="text/css" href="mystyle.css">
style：規(guī)定元素的行內(nèi)樣式
<style type="text/css">body { background-color : red }</style>
div：? 定義文檔中的節(jié)或區(qū)域（塊級）坡锡，起分割作用蓬网，占用一行
span： 定義文檔中的行內(nèi)的小塊或區(qū)域，高度自適應(yīng)內(nèi)容鹉勒，內(nèi)容多少帆锋，就會占據(jù)多少距離空間（緊貼內(nèi)容）
a： 定義連接
? ? ? 1. href屬性，創(chuàng)建指向另一個文檔的連接禽额，<a href="網(wǎng)址锯厢、鏈接地址" target="目標(biāo)" title="說明">被連接的內(nèi)容</a>；target定義被鏈接的文檔在何處顯示脯倒，如果把鏈接的 target 屬性設(shè)置為 "_blank"实辑，該鏈接會在新窗口中打開。如果把鏈接的 target 屬性設(shè)置為 "_top"藻丢，當(dāng)點(diǎn)擊該鏈接會使被固定在框架之內(nèi)的事物跳出框架剪撬。
?????? 2. name屬性，創(chuàng)建文檔內(nèi)的標(biāo)簽悠反，
<a name="tips">會被調(diào)到的地方</a>
然后在定義另一個a標(biāo)簽
<a href="#tips">點(diǎn)擊這個標(biāo)簽残黑，會調(diào)到屬性name值相同的地方</a>
?????? 郵件鏈接：
<a href="mailto:xxx@xxx.com?subject=Hello%20again">發(fā)送郵件</a>
img：定義圖像
?????? <img src="圖片的位置或者連接地址" alt=”用戶自定義“/>alt 屬性用來為圖像定義一串預(yù)備的可替換的文本馍佑。替換文本屬性的值是用戶定義的。
<a href="#"><img src="###.gif" alt="萬花筒" ismap/></a> 其中 ismap 可以把一幅普通的圖像設(shè)置為圖像影射
???????如何創(chuàng)建帶有可供點(diǎn)擊區(qū)域的圖像地圖梨水，且其中每個區(qū)域都是超鏈接拭荤。創(chuàng)建方式
br：換行<br/>
hr：創(chuàng)建水平線，可用來分割內(nèi)容<hr/>
p：定義段落<p>段落內(nèi)容</p>
blockquote：用于長引用疫诽，瀏覽器通常會對該元素縮進(jìn)處理
計(jì)算機(jī)代碼元素
pre：原樣輸出寫入的代碼舅世，保留空格和拆行<pre>你好? 很好</pre>
code：定義計(jì)算機(jī)代碼文本
kbd：定義鍵盤文本
samp：定義計(jì)算機(jī)代碼示例
var：定義變量
創(chuàng)建表格
表格由<table>標(biāo)簽來定義。每個表格的表頭由<th>定義標(biāo)簽踊沸，若干行由 <tr>標(biāo)簽定義歇终，每行被分割為若干單元格由td標(biāo)簽定義。字母 td 指表格數(shù)據(jù)（table data）逼龟，即數(shù)據(jù)單元格的內(nèi)容评凝。數(shù)據(jù)單元格可以包含文本、圖片腺律、列表奕短、段落、表單匀钧、水平線翎碑、表格等等。
<table border="1"? cellspacing="5" cellpadding="10" background="xxx.gif" bgcolor="red">/*cellpadding創(chuàng)建單元格內(nèi)容與其邊框之間的空白之斯。cellspacing增加單元格之間的距離*/
<caption>我的標(biāo)題</caption>
??? <tr>
???????? <th>姓名</th>
???????? <th>性別</th>
????</tr>
??? <tr>
??????? <td>A</td>
??????? <td>男</td>
??? </tr>
</table>
列表：
無序列表：使用粗體原點(diǎn)（典型的小黑圓圈）進(jìn)行標(biāo)記
<ul><li>Coffee</li><li>Milk</li></ul>
有序列表：使用數(shù)字進(jìn)行標(biāo)記
<ol><li>Coffee</li><li>Milk</li></ol>
定義列表：自定義列表以<dl>標(biāo)簽開始日杈，每個自定義列表項(xiàng)以<dt>開始，每個自定義列表項(xiàng)的定義以<dd>開始
<dl><dt>Coffee</dt><dd><Black hot drink</dd></dt></dl>
空格：
由和號開始 ("&")佑刷，然后是字符"nbsp"莉擒，并以分號結(jié)尾(";")。
鏈接樣式
1. 外部鏈接樣式瘫絮，也是寫在head里? ?
<link rel="stylesheet" type="text/css" href="css地址">先建一個css樣式涨冀，保存在同一個目錄下
2.內(nèi)部鏈接樣式表，寫在html頁面里面的head里
<style type=text/css>可以用點(diǎn).或者#來設(shè)置body里面被用class或者id選擇器設(shè)置的一些標(biāo)記麦萤。</style>
?3.? 行間鏈接樣式表鹿鳖，寫在里body標(biāo)簽里，如：
<div style="float:left"><img src="#"/></div>
常用的選擇器
1. 元素(標(biāo)簽名)選擇器 : ?就是HTML文檔中的元素就是一個選擇器壮莹，如：
p {line-height:1.5em; margin:auto; }
2. 類選擇器 :? 最常用的選擇器 , 可以給不同的標(biāo)簽設(shè)置同一個類翅帜，從而用一條CSS命令控制幾個標(biāo)簽，減少大量代碼垛孔，是頁面修改簡單藕甩，易維護(hù)，易改版周荐；其次狭莱，后臺工作人員機(jī)會不會用到有關(guān)class的相關(guān)設(shè)置，不需要跟后臺人員之間進(jìn)行交互概作；再者腋妙，可以通過js等動態(tài)改變標(biāo)簽的Classname，從而改變整個標(biāo)簽的樣式讯榕，使前端動態(tài)效果實(shí)現(xiàn)起來更為容易
<div class="test">測試代碼</div>
.test {color:red;border:1px blue solid;}
3. ID選擇器 : ID選擇器不能復(fù)用? , 一個ID選擇器只能把其CSS樣式指定給一個標(biāo)簽骤素。
<div id="test">測試代碼</div>
#test {color:red;border:1px blue solid;}
4. 通配符(全局)選擇器 :? 全局選擇器是一個星號。它能作用于XHTML文檔中的所有元素愚屁。
*{margin:0; padding:0;}
四個選取器優(yōu)先權(quán) :? Id選擇器> class選擇器> html選擇器> 通配符選則器
