html之table布局

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>张榕-商品分类</title>
</head>
<table border ="0">
    <tr>
        <td colspan ="4"><img src="C:\Users\榕宝\Desktop\image\catlist_bg.gif" alt="标题图片"></td>
    </tr>
    <tr>
        <td>
        &nbsp;    
        </td>
        <td><b> 商品图片<b></td>
        <td><b>商品名称/卖家<b></td>
        <td><b>商品价格<b></td>
    </tr>
    <tr>
        <td rowspan="5">
            <input type="checkbox" name="d" value="">
        </td>
        
        <td rowspan="5">
            <img src="C:\Users\榕宝\Desktop\image\list3.jpg" alt="产品1">
        </td>
        <td>
            三国群英免费区
        </td>    
    </tr>
    <tr>
        <td> </td>
        <td>
            一口价
        </td>
    </tr>
    <tr>
        <td>
            卖家：lingture
        </td>
    </tr>
    <tr>
        <td> </td>
        <td> 283.30</td>
    </tr>
    <tr>
        <td><img src="C:\Users\榕宝\Desktop\image\contactme.gif" alt="和我联系">
        <img src="C:\Users\榕宝\Desktop\image\addfav.gif" alt="收藏">收藏</td>
    </tr>
    <tr> <td>&nbsp; </td> </tr>
    <tr>
        <td rowspan="5">
            <input type="checkbox" name="d" value="">
        </td>
        
        <td rowspan="5">
            <img src="C:\Users\榕宝\Desktop\image\list1.jpg" alt="产品2">
        </td>
        <td>
            三国群英免费区
        </td>    
    </tr>
    <tr>
        <td> </td>
        <td>
            一口价
        </td>
    </tr>
    <tr>
        <td>
            卖家：蓝天
        </td>
    </tr>
    <tr>
        <td> </td>
        <td> 486.00</td>
    </tr>
    <tr>
        <td><img src="C:\Users\榕宝\Desktop\image\contactme.gif" alt="和我联系">
        <img src="C:\Users\榕宝\Desktop\image\addfav.gif" alt="收藏">收藏</td>
    </tr>

    
</table>

</html>

 

posted @ 2022-05-23 21:38  zrswheart  阅读(109)  评论(0)  编辑  收藏  举报