萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> html語言表格介紹

html語言表格介紹

下面我們給大家介紹一下html語言表格吧!希望大家可以在這裡學習!

  <li>合並多列表格</li>
               <table width="300" border="1" bordercolor="black" cellspacing="1">
                 <tr>
                   <td colspan="3" align="center">百度</td><!--colspan合並列單元格-->
                  
                 </tr>
                  <tr>
                   <td>優酷</td>
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                   <td>163</td>
                   <td>126</td>
                   <td>新浪</td>
                 </tr>
               </table>

               <li>合並多行表格</li>
               <table width="300" border="1" bordercolor="black" cellspacing="1">
                  <tr>
                   <td rowspan="3">百度</td><!--rowspan合並多列單元格-->
                   <td>谷歌</td>
                   <td>搜狗</td>
                  </tr>
                  <tr>
                  
                   <td>土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                 
                   <td>126</td>
                   <td>新浪</td>
                 </tr>
               </table>

                <li>復雜表格1</li>
               <table width="300" border="1" bordercolor="black" cellspacing="1">
                  <tr>
                   <td>百度</td>
                   <td colspan="2">谷歌</td>
                 
                  </tr>
                  <tr>
                   <td>優酷</td>
                   <td rowspan="2">土豆</td>
                   <td>酷6</td>
                 </tr>
                  <tr>
                   <td>163</td>
                 
                   <td>新浪</td>
                 </tr>
               </table>

                 <li

copyright © 萬盛學電腦網 all rights reserved