HTML-表格标签

一、标签

1、<table>用来定义表格整体，可以包裹多个<tr>

border:规定表格边框的宽度

width：规定表格的宽度

cellspacing：规定单元之间的空间

2、<tr>表格的行，可以包裹多个<td>

3、<td>表格单元格（普通），可以包裹内容。如果是表头单元格，可以替换为<th>,有加粗作用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1px" width="600px" cellspacing="0">
      <!--   表格有三行，所以要写三个tr ；每行有几列，就要写几个<td>或者<th>;<th>表头要用，有加粗效果，后面的用<td>-->
        <tr>
            <th>序号</th>
            <th>品牌logo</th>
            <th>品牌名称</th>
            <th>企业名称</th>
        </tr>
            <td>1</td>
            <td><img src="https://consumer.huawei.com/etc/designs/huawei-cbg-site/clientlib-campaign-v4/common-v4/images/logo.svg" width="100px"></td>
            <td>华为</td>
            <td>华为技术有限公司</td>
        <tr>
            <td>2</td>
            <td><img src="https://ts4.tc.mm.bing.net/th/id/OIP-C.ecPvxa4QJga43OAtendc_gHaDo?w=80&h=80&c=1&bgcl=2a25db&r=0&o=6&dpr=3&pid=ImgRC" width="50px"></td>
            <td>阿里</td>
            <td>阿里巴巴集团控股有限公司</td>
        </tr>
    </table>
</body>
</html>
posted @ 2025-05-09 12:20  琬六岁  阅读(44)  评论(0)    收藏  举报