1.1?? 列表標簽
表示：傳智播客在全國開設分校的順序列表：
北京
上海
深圳
廣州
鄭州
武漢
?
表示：我的個人愛好，無序的列表。
足球
籃球
乒乓球
學習
?
??? <!-- 無序列表 -->
??? <ul>
??? ??? <li><span>北京</span><a href="#">你好</a></li>
??? ??? <li>上海</li>
??? ??? <li>成都</li>
??? ??? <li>武漢</li>
??? </ul>
?
??? <!-- 有序列表 order liss 已經(jīng)拍下的列表 -->
??? <ol>
??? ??? <li>北京</li>
??? ??? <li>上海</li>
??? ??? <li>成都</li>
??? ??? <li>武漢</li>
??? </ol>
?
自定義列表
??? <dt>關于我們</dt>
??? ??? <dd>傳智簡介</dd>
??? ??? <dd>聯(lián)系方式</dd>
??? ??? <dd>誠聘英才</dd>
??? ??? <dd>人才服務</dd>
?
1.2?? 表格標簽table
快捷鍵： ctrl+{? 進行左縮進，? ctrl+} 進行右縮進
??? <table border="1">
??? ??? <tr>
??? ??? ??? <td>基本參數(shù)</td><td>1.4t 帕薩特</td><td>1.8t 帕薩特</td>
??? ??? </tr>
?
??? ??? <tr>
??? ??? ??? <td>基本參數(shù)</td><td>1.4t 帕薩特</td><td>1.8t 帕薩特</td>
??? ??? </tr>
??? </table>
?
<table border="1">
??? ??? <thead>?? <！-表格頭部--->
??? ??? ??? <tr>
??? ??? ??? ??? <th>姓名</th><th>年齡</th><th>成績</th>
??? ??? ??? </tr>
??? ??? </thead>
??? ??? <tbody>
??? ??? ??? <tr>
??? ??? ??? ??? <td>傳智播客</td><td>14</td><td>已經(jīng)培養(yǎng)10幾萬人的it人才</td>
??? ??? ??? </tr>
??? ??? ??? <tr>
??? ??? ??? ??? <td>黑馬程序員</td><td>6</td><td>幾萬人的it人才</td>
??? ??? ??? </tr>
??? ??? </tbody>
??? </table>
1.3?? 關于表格的合并單元格
Rowspan 行方向上合并單元格
Column 列方向合并單元格
??? <table border="1">
??? ??? <thead>
??? ??? ??? <tr>
??? ??? ??? ??? <th>姓名</th><th>年齡</th><th>成績</th>
??? ??? ??? </tr>
??? ??? </thead>
??? ??? <tbody>
??? ??? ??? <tr>
??? ??? ??? ??? <!-- rowspan：一個單元格占用兩行進行顯示 -->
??? ??? ??? ??? <td rowspan="2">傳智播客</td><!-- <td>14</td> -->
??? ??? ??? ???
??? ??? ??? ??? <!-- colspan=2 將一行中的 一個單元格 占用兩個列進行顯示。??? -->
??? ??? ??? ??? <td colspan="2">已經(jīng)培養(yǎng)10幾萬人的it人才</td>
??? ??? ??? </tr>
??? ??? ??? <tr>
??? ??? ??? ??? <!-- <td>黑馬程序員</td> --><td>6</td><td>幾萬人的it人才</td>
??? ??? ??? </tr>
??? ??? </tbody>
??? </table>
?
1.4????? Div和span標簽
Div標簽:? <div></div>
Span標簽:? <span></span>
塊級標簽:獨占行。
行級標簽：可以跟其他的行內(nèi)標簽共用一行。
塊：p，div，ul，ol，dl，li，dt，h1-h6
行：span，strong，em，文本相關的標簽都是行內(nèi)標簽。
?
Div多用于表示文檔中的一個塊或者是整個結(jié)構(gòu)的小節(jié)。
Span標簽，多用于文本的一小節(jié)。
