半個暑假貢獻(xiàn)給了電子設(shè)計競賽，半個暑假用來好好學(xué)C語言了，剛開學(xué)趁著沒課，簡單回顧下入門不久就告了一段落的H5+CSS+JS
一、首先來回憶下H5,CSS,JS的關(guān)系：
1.HTML是網(wǎng)頁內(nèi)容的載體。內(nèi)容就是網(wǎng)頁制作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。
2.CSS樣式是表現(xiàn)。就像網(wǎng)頁的外衣。比如，標(biāo)題字體、顏色變化，或為標(biāo)題加入背景圖片、邊框等。所有這些用來改變內(nèi)容外觀的東西稱之為表現(xiàn)。
3.JavaScript是用來實現(xiàn)網(wǎng)頁上的特效效果。如：鼠標(biāo)滑過彈出下拉菜單。或鼠標(biāo)滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換?？梢赃@么理解，有動畫的，有交互的一般都是用JavaScript來實現(xiàn)的。
二、h5基礎(chǔ)標(biāo)簽再回顧
1.<h><\h>-------網(wǎng)頁內(nèi)容文章的標(biāo)題：在此基礎(chǔ)上，還有<hx></hx>標(biāo)題標(biāo)簽，x的取值范圍為1~6；
2.<p><\p>-------段落標(biāo)簽,如果想在網(wǎng)頁上顯示文章，這時就需要
標(biāo)簽了，把文章的段落放在此標(biāo)簽中。
3.<img src="1.jpg">------圖片插入標(biāo)簽
4.<title></title>------在和標(biāo)簽之間的文字內(nèi)容是網(wǎng)頁的標(biāo)題信息，它會出現(xiàn)在瀏覽器的標(biāo)題欄中。網(wǎng)頁的title標(biāo)簽用于告訴用戶和搜索引擎這個網(wǎng)頁的主要內(nèi)容是什么，搜索引擎可以通過網(wǎng)頁標(biāo)題，迅速的判斷出網(wǎng)頁的主題。每個網(wǎng)頁的內(nèi)容都是不同的，每個網(wǎng)頁都應(yīng)該有一個獨一無二的title。
5.<!--注釋文字------>注釋文字 -->注釋文字 -->
6.<body></body> 在網(wǎng)頁上要展示出來的頁面內(nèi)容一定要放在body標(biāo)簽中
7.<em></em>和<strong></strong>標(biāo)簽：均用于強調(diào)；
其區(qū)別在于但兩者在強調(diào)的語氣上有區(qū)別:?<em>表示強調(diào)，<strong> 表示更強烈的強調(diào)。并且在瀏覽器中<em> 默認(rèn)用斜體表示，<strong> 用粗體表示。兩個標(biāo)簽相比，目前國內(nèi)前端程序員更喜歡使用表示強調(diào)。
8.<span></span>該沒有語義，它的作用就是為了設(shè)置單獨的樣式用的。
9.<q></q>短文本引用，實際效果類似于自動添加雙引號，但注意，標(biāo)簽的真正關(guān)鍵點不是它的默認(rèn)樣式雙引號，而是它的語義：引用別人的話。
10.<blockquote></blockquote>的作用也是引用別人的文本。但它是對長文本的引用，如在文章中引入大段某知名作家的文字，這時需要這個標(biāo)簽。
11.<br/>在需要加回車換行的地方加入<br/>標(biāo)簽作用相當(dāng)于word文檔中的回車。與以前我們學(xué)過的標(biāo)簽不一樣，<br/>標(biāo)簽是一個空標(biāo)簽，沒有HTML內(nèi)容的標(biāo)簽就是空標(biāo)簽，空標(biāo)簽只需要寫一個開始標(biāo)簽，這樣的標(biāo)簽還有<hr/>、<img/>等
12.  : 輸入空格，必須寫入
13.<hr/>空標(biāo)簽，用于添加水平橫線；
14.<address></address>一般網(wǎng)頁中會有一些網(wǎng)站的聯(lián)系地址信息需要在網(wǎng)頁中展示出來，這些聯(lián)系地址信息如公司的地址就可以用M<address>標(biāo)簽。也可以定義一個地址（比如電子郵件地址）、簽名或者文檔的作者身份.另外，在瀏覽器上顯示的樣式為斜體。
15.<code></code>在網(wǎng)頁中顯示一些計算機專業(yè)的編程代碼，當(dāng)代碼為一行代碼時使用
<pre></pre>在網(wǎng)頁中顯示多行代碼時使用，標(biāo)簽不只是為顯示計算機的源代碼時用的，但注意雖然在需要在網(wǎng)頁中預(yù)顯示格式時都可以使用它，但它只是標(biāo)簽的一個常見應(yīng)用就是用來展示計算機的源代碼。
16.<ul>
? ? ? ? ? ? ? ? ? ? <li>信息一</li>
? ? ? ? ? ? ? ? ? ? ?<li>信息二</li>
</ul>
使用<ul>，添加新聞信息列表.注意ul-li在網(wǎng)頁中顯示的默認(rèn)樣式一般為：每項li前都自帶一個圓點。
17.<ol>
? ? ? ? ? ? ?<li>信息</li>
? ? ? ? ? ? ?<li>信息</li>
</ol>
用ol添加有序列表，<ol>在網(wǎng)頁中顯示的默認(rèn)樣式一般為：每項<li>前都自帶一個序號，序號默認(rèn)從1開始.
18.<div></div>-------用于排版網(wǎng)頁制作過程過中，可以把一些獨立的邏輯部分劃分出來，放在一個<div>標(biāo)簽中，這個標(biāo)簽的作用就相當(dāng)于一個容器。
注意事項：
確定邏輯部分：它是頁面上相互關(guān)聯(lián)的一組元素。如網(wǎng)頁中的獨立的欄目版塊，就是一個典型的邏輯部分。
什么是邏輯部分？它是頁面上相互關(guān)聯(lián)的一組元素。如網(wǎng)頁中的獨立的欄目版塊，就是一個典型的邏輯部分。
19.<div ?id="板塊名稱" ></div> id屬性為<div></div>所劃分 的板塊命名
20.table標(biāo)簽展示表格：
? ?創(chuàng)建表格的四個元素：table、tbody、tr、th、td
(1)、<table></table>：整個表格以<table>標(biāo)記開始、</table>標(biāo)記結(jié)束。
(2).<tbody></tbody>:當(dāng)表格顯示內(nèi)容很多時，會下載一點顯示一點，但加上<tbody>標(biāo)簽后，要等到所有表格下載完再顯示。
(3)<tr></tr>表格的一行，有幾行就有幾個<tr>
(4)<td></td>表格的列，有幾個td就有幾列
(5)<th></th>表格的頭部的一個單元格，表格表頭，也就是th標(biāo)簽中的文本默認(rèn)為粗體并且居中顯示
三、標(biāo)簽的用途
? ? ?我們學(xué)習(xí)網(wǎng)頁制作時，常常會聽到一個詞，語義化。那么什么叫做語義化呢，說的通俗點就是：明白每個標(biāo)簽的用途（在什么情況下使用此標(biāo)簽合理）比如，網(wǎng)頁上的文章的標(biāo)題就可以用標(biāo)題標(biāo)簽，網(wǎng)頁上的各個欄目的欄目名稱也可以使用標(biāo)題標(biāo)簽。文章中內(nèi)容的段落就得放在段落標(biāo)簽中，在文章中有想強調(diào)的文本，就可以使用 em 標(biāo)簽表示強調(diào)等等。
昨天整理了一部分，今天繼續(xù)更新
1.用CSS樣式為表格加入邊框
table tr td,th{border:1px solid #000;}格式代碼如下：
<stylen type="text/css">
table tr ?td,th{border:1px solid:#000;}
</style>
2.caption標(biāo)簽，為表格添加標(biāo)題和摘要
摘要：摘要的內(nèi)容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化)，使搜索引擎更好的讀懂表格內(nèi)容，還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內(nèi)容。
語法：<table summary="表哥簡介文本">
用以描述表格內(nèi)容，標(biāo)題的顯示位置：表格上方
語法：
<table>
<caption>標(biāo)題文本</caption>
<tr>
<td></td>
<td></td>
</tr>
</table>
3.<a>標(biāo)簽，鏈接到另一個頁面
語法：<a href="目標(biāo)網(wǎng)址" title=“鼠標(biāo)滑過顯示的文本”>鏈接顯示的文本</a>
默認(rèn)情況下，鏈接在當(dāng)前瀏覽器窗口中打開，若要在新的瀏覽器窗口中打開，語法如下：
<a href="目標(biāo)網(wǎng)址" title=“鼠標(biāo)滑過顯示的文本” target=“_blank”></a>
4.用mailto在網(wǎng)頁中鏈接E—mail地址
maito還有其他用法，下面表格展示一下：
注意一點：
如果mailto后面同時有多個參數(shù)的話，第一個參數(shù)必須以“?”開頭，后面的參數(shù)每一個都以“&”分隔。
語法：<a href="mailto:郵箱" ?“？subject=主題” “&body=郵件內(nèi)容”></a>
5.img鏈接插入圖片
<img src="圖片地址" alt="下載失敗時的替換文本" itle="提示文本">
補充：
1、src：標(biāo)識圖像的位置；
2、alt：指定圖像的描述性文本，當(dāng)圖像不可見時（下載不成功時），可看到該屬性指定的文本；
3、title：提供在圖像可見時對圖像的描述(鼠標(biāo)滑過圖片時顯示的文本)；
4、圖像可以是GIF，PNG，JPEG格式的圖像文件。
