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 @   zrswheart  阅读(110)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示