html 小白学习 表格

 <table>表格                  <!--属性border加边框-->
       <tr>                   <!--建立行-->
               若干单元格
           <th></th>          <!--标题--> 
           <td></td>          <!--内容-->
       </tr>
   </table>


<!--下边是一个例子-->

   <table border="1">

       <tr>
           <th>工作组</th>
           <th>姓名</th>
           <th>性别</th>
           <th>职位</th>
       </tr>
       <tr>
           <td>开发组</td>
           <td>小明</td>
           <td>男</td>
           <td>java工程师</td>
       </tr>
       <tr>
            <td>开发组</td>
           <td>小红</td>
           <td>女</td>
           <td>python工程师</td>
       </tr>
       <tr>
            <td>开发组</td>
           <td>李华</td>
           <td>随意</td>
           <td>红星中学学生</td>
       </tr>
   </table>

   <!--怎样合并单元格呢-->
   <!--合并行用rowspan="行数"-->
   <!--合并列用colspan="列数"-->

   <!--比如说合并上边的3个开发组-->
   
   <table border="1">

        <tr>
            <th>工作组</th>
            <th>姓名</th>
            <th>性别</th>
            <th>职位</th>
        </tr>
        <tr>
            <td rowspan="3">开发组</td>    <!--用rowspan属性后，将后边的相同的删除-->
            <td>小明</td>
            <td>男</td>
            <td>java工程师</td>
        </tr>
        <tr>
         
            <td>小红</td>
            <td>女</td>
            <td>python工程师</td>
        </tr>
        <tr>
             
            <td>李华</td>
            <td>随意</td>
            <td>红星中学学生</td>  <!--同理，合并列用colspan="列数"，然后将重复的删除-->
        </tr>
    </table>