摘要:1、HTML中的常用標(biāo)簽* 標(biāo)題: <h1> ~ <h6>* 段落: <p>* 鏈接: <a href="" target="">* 圖像: <img src="" alt="">* 列表: <ul> + <li>
1、HTML中的常用標(biāo)簽
* 標(biāo)題: <h1> ~ <h6>
* 段落: <p>
* 鏈接: <a href="" target="">
* 圖像: <img src="" alt="">
* 列表: <ul> + <li>, <ol> + <li>, <dl><dt><dd>
* 表格: <table><thead><tbody><tr><td>
* 表單: <form><label><input>
* 框架: <iframe src="" width="" height="">
* 通用: <div><span>
* 容器: <header><nav><main><article><section><footer>
2、案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格跨行合并作業(yè)</title> </head> <body> <h3>購(gòu)物車</h3> <ul> <li>1. 五十倍變焦華為手機(jī), 1個(gè), 20000元</li> <li>2. 比領(lǐng)導(dǎo)更結(jié)實(shí)的安全帽, 2個(gè), 3000元</li> <li>3. 大瓶闊落, 2瓶, 9.9元</li> </ul> <hr> <table border="1" cellspacing="0" cellpadding="5" width="600" align="left"> <caption>購(gòu)物車</caption> <thead> <tr bgcolor="lightblue"> <th>編號(hào)</th> <th>名稱</th> <th>單價(jià)</th> <th>數(shù)量</th> <th>金額</th> <th>價(jià)格區(qū)間</th> </tr> </thead> <tbody> <tr> <td width="50">1</td> <td width="200">五十倍變焦華為手機(jī)</td> <td width="70">300</td> <td width="50">1</td> <td width="80">20000</td> <td width="80">大于一萬(wàn)</td> </tr> <tr> <td>2</td> <td>比領(lǐng)導(dǎo)更結(jié)實(shí)的安全帽</td> <td>1500</td> <td>2</td> <td>3000</td> <td rowspan="2">小于一萬(wàn)</td> </tr> <tr> <td>3</td> <td>大瓶闊落</td> <td>5</td> <td>2</td> <td>9.9</td> <!--<td>大于一萬(wàn)</td>--> </tr> </tbody> <tfoot> <tr> <td colspan="3" align="center">總計(jì)</td> <td>5</td> <td>23009.9</td> <td></td> </tr> </tfoot> </table> </body> </html>
批改老師:西門大官人批改時(shí)間:2019-04-27 17:31:00
老師總結(jié):總結(jié)的不錯(cuò),案例的運(yùn)行效果最好上傳一下。