HTML基础学习-5-table表格学习1

最新推荐文章于 2024-07-16 23:56:30 发布

豆皮青椒

最新推荐文章于 2024-07-16 23:56:30 发布

阅读量345

点赞数

文章标签： html css-table

本文链接：https://blog.csdn.net/u011523180/article/details/73065275

版权

HTML基础学习-5-table表格学习1

<html>

<!--

<caption 

<tr   每一行   可以嵌套  <td其他行  或者 <th表头 默认加粗第一行


<table  属性  width  height  border  边框 align 对齐方式  cellspacing 单元格之间的距离默认2px

cellpadding 单元格内容和边框之间的距离

frame 属性  void 无边框   above  below hsides  lhs rhs vsides box

rules 单元格之间是否有分割线  
        none  
        all  r
        ows仅有行分割线  

        clos仅有列分割线  
        groups   表示仅在行和列组之间有分割线 

align  标题位于表格  top  left  bottom right 哪里


<tr 属性  bgcolor  背景颜色  align 垂直对齐方式  valign 水平对齐方式  


<th   bgcolor 单元格背景  align  对齐方式   valign  width  height  
        rowspan 设置单元格所占行数  colspan 设置单元格所占列数
-->

<head>
<title>表格练习1</title>
<meta charset="utf-8">
</head>

<body>
    <table width= "960px" height ="360px" border="2px" 

    align="center"
    cellspacing= "3px"
    cellpadding="10px">
        <caption>表格的标题</caption>
        <tr bgcolor ="blue" align ="center">
           <th bgcolor="green" rowspan="2" colspan="2">班级</th>
           <th>姓名</th>
           <th>年龄</th>
           <th>成绩</th>

        </tr>

        <tr bgcolor="red" align="center">

            <td>四年级一班</td>
            <td>张三</td>
            <td>16</td>
            <td>80</td>
        </tr>
        <tr>

            <td>四年级一班</td>
            <td>李四</td>
            <td>14</td>
            <td>不及格</td>
        </tr>
    </table>

</body>


</html>

跟随视频学习，手写记录自己学习过程中的点点滴滴，一起加油吧。

豆皮青椒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础学习-5-table表格学习1

HTML基础学习-5-table表格学习1<html><!--<caption <tr 每一行可以嵌套 <td其他行或者 <th表头默认加粗第一行<table 属性 width height border 边框 align 对齐方式 cellspacing 单元格之间的距离默认2pxcellpadding 单元格内容和边框之间的距离frame 属性 void 无边框
复制链接

扫一扫