html表格标签怎么用

发布时间:2022-03-11 11:01:32 作者:小新
来源:亿速云 阅读:97

小编给大家分享一下html表格标签怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

在网页制作之中,表格标签是常用的标签之一,比如制作表格,或者利用表格的整齐性来设置页面布局。

<table></table>来用来制作表格,所以制作表格的语句在其之间;<tr></tr>则修饰表格行;而<td></td>修饰表格数据,这包含在<tr></tr>中。

其中table有不少属性,比如:border,bordercolor,cellspacing,width,height,bgcolor。boder表示外框边线的粗细,bodercolor表示边线的颜色,cellspacing表示单元格之间的空隙,width表示表格的宽,height表示表格的高,bgcolor表示背景色。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

<html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<head>

    <title size="10" color="red">welcome to HTML</title>

</head>

<body>

    <table border="1" bordercolor="blue" cellspacing="0" width="400" height="150">

    

        <tr align="center">

            <td>姓名</td>

            <td>性别</td>

            <td>年龄</td>

        </tr>

        <tr>

            <td>carson</td>

            <td>男</td>

            <td>24</td>

        </tr>

        <tr>

            <td>thl</td>

            <td>女</td>

            <td>24</td>

        </tr>

        <tr>

            <td>Alice</td>

            <td>女</td>

            <td>24</td>

        </tr>

        

    </table>

</body>

</html>

效果图:

html表格标签怎么用

以上是“html表格标签怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. html中表格标签是什么
  2. 怎么用html tr标签

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:HTML中上标sup与下标注sub标签元素怎么用

下一篇:小程序云开发如何调用接口

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》