HTML网页设计每日笔记(给初学者的一份礼物)(第四节)

最新推荐文章于 2024-10-21 18:22:47 发布

刘江虹

最新推荐文章于 2024-10-21 18:22:47 发布

阅读量704

点赞数

分类专栏： web前端文章标签： html border table

本文链接：https://blog.csdn.net/tianhong11/article/details/7823899

版权

web前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

今天再说点新的，呵呵，(天虹心声：每天学点东西，每天都会感觉很充实！)好，今天咱要学会做表格！废话不多说，上代码：

<html>
<head>
<title>天虹表格</title>
</head>

<body>
<table border="5">
    <tr>
        <th>hello world1</th>
        <th>hello world2</th> 
    </tr>
    <tr>
         <th>hello world3</th>
         <th>hello world4</th>
    </tr>
    <tr>
         <td>hello world5</td>
         <td>hello world6</td>
    </tr>
</table>
</body>

</html>

来看效果：

给大家解释一下：<table>这个标签是定义 HTML 表格的。后面的border属性是规定表格边框宽度的。<tr>这个标签是定义 HTML 表格中的行。大家看到没，代码中一共有三对<tr></tr>，说明这个表格是三行！<th>定义表格内的表头单元格。也就是说有几列，此 th 元素内部的文本通常会呈现为粗体。<td>这个标签是定义 HTML 表格中的标准单元格。内部的文本就不是粗体了！嗯，好啦！是不是感觉今天又有收获了啊！呵呵！