普歌-HTML5+CSS3復(fù)習(xí)總結(jié)
一.HTML基礎(chǔ)
1.網(wǎng)頁(yè)開發(fā)工具
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>
（1）<！DOCTYPE >標(biāo)簽
-
它是文檔類型聲明，作用就是告訴瀏覽器使用哪種HTML版本來(lái)顯示網(wǎng)頁(yè)。
-
聲明位于文檔中的最前面的位置，處于< html> 標(biāo)簽之前。
-
它不是一個(gè)HTML 標(biāo)簽，是文檔類型聲明標(biāo)簽。
（2）lang語(yǔ)言
-
用來(lái)定義當(dāng)前文檔顯示的語(yǔ)言。
-
en定義語(yǔ)言為英語(yǔ) , zh-CN定義語(yǔ)言為中文
-
對(duì)于文檔顯示來(lái)說(shuō)，定義成en的文檔也可以顯示中文，定義成zh-CN的文檔也可以顯示英文
（3）charset 字符集
-
字符集(Character set)是多個(gè)字符的集合。以便計(jì)算機(jī)能夠識(shí)別和存儲(chǔ)各種文字。
-
上面語(yǔ)法是必須要寫的代碼，否則可能引起亂碼的情況。一般情況下，統(tǒng)一使用“UTF-8”編碼。
2.常用基本標(biāo)簽
（1）文本標(biāo)簽
<h1>標(biāo)題一共六級(jí)選,</h1> <h2>文字加粗一行顯。</h2> <h3>由大到小依次減，</h3> <h4>從重到輕隨之變。</h4> <h5>語(yǔ)法規(guī)范書寫后，</h5> <h6>具體效果刷新見。</h6>
<h1 align="對(duì)齊方式">文本內(nèi)容</h1>
三種對(duì)齊方式：left，center，right
上標(biāo)與下標(biāo)：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>個(gè)人信息注冊(cè)</title> </head> <body> <h4 align="center">個(gè)人介紹 </h4> <table align="center"> <tr> <td>姓名</td> <td> <input type="text" value="請(qǐng)輸入您的姓名"> </td> </tr> <tr> <td>性別：</td> <td> <input type="radio" name="sex" id="nan" checked="checked"><label for="nan"><img src="images/up.jpg" width="10" />男 <input type="radio" name="sex" id="nv"><label for="nv"><img src="images/down.jpg" width="10" />女 </td> </tr> <tr> <td>出生日期：</td> <td> <select> <option>--請(qǐng)選擇年份--</option> <option>2000</option> <option>2001</option> <option>2002</option> <option>2003</option> </select> <select> <option>--請(qǐng)選擇月份--</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> <select> <option>--請(qǐng)選擇日--</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </td> </tr> <tr> <td>籍貫</td> <td> <select> <option>北京</option> <option>重慶</option> <option selected="selected">山西</option> <option>山東</option> </td> </select> </tr> <tr> <td>個(gè)人愛好：</td> <td> <input type="checkbox" name="love">唱歌 <input type="checkbox" name="love">畫畫 <input type="checkbox" name="love">跳舞 </td> </tr> <tr> <td>求職原因</td> <td> <textarea cols="30" rows="10">對(duì)公司的描述</textarea> </td> </tr> <tr> <td>手機(jī)號(hào)：</td> <td><input type="text"></td> </tr> <tr> <td></td> <td> <input type="submit"> <input type="reset" value="重新填寫"> </td> </tr> <tr> <td>了解更多</td> <td><a href="#">關(guān)注公司</a> </td> </tr> <tr> <td>附件</td> <td> <h5>選拔標(biāo)準(zhǔn)</h5> <ul> <li>態(tài)度認(rèn)真</li> <li>陽(yáng)光開朗</li> <li>專業(yè)技能突出</li> </ul> </td> </tr> </table> </body> </html>
轉(zhuǎn)自：csdn論壇， 作者：董宇燕
藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
