HTML插入表格被编辑表格属性

最新推荐文章于 2024-03-12 21:51:05 发布

qq_45978082

最新推荐文章于 2024-03-12 21:51:05 发布

阅读量418

点赞数

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

本文链接：https://blog.csdn.net/qq_45978082/article/details/109590428

版权

这篇博客介绍了HTML插入表格及其属性的编辑，包括border属性定义边框宽度，cellpadding和cellspacing设置内容与边框及单元格间距，align属性设定表格的水平对齐方式。还讲解了tr、td和th标签的用法，如td和th的align、valign、colspan和rowspan属性，用于控制单元格的对齐、合并等。

摘要由CSDN通过智能技术生成

HTML插入表格和编辑表格属性

1、boder属性定义表格的边框，设置的值是数值。
cellpadding属性定义单元格内容与边框的距离，设置值是数值。
cellspacing属性定义单元格与单元格之间的距离，设置值是数值。
align属性设置整体表格相当于浏览器窗口的水平对齐方式，设置值有：left center right。
2、tr标签：定义表格中的一行。
3、td和th标签：定义一行中的一个单元格，td代表普通单元格，th代表表头单元格，它们的常用属性如下：

align设置单元格中内容的水平对齐方式，设置值有：left center right。
valign设置单元格中内容的垂直对齐方式：top middle bottom。
colspan设置单元格水平合并，设置值是数值。
rowspan设置单元格垂直合并，设置值是数值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <h1>插入表格，编辑属性</h1>
    <!--table标签插入表格，boder设置表格的边框，输入1表示表格的边框为1像素-->
    <table border="1" widht="300" height="200" align="center">  <!--align设置表格的位置-->
         <tr>  <!--tr标签定义表格中的一行-->
            <td align="center">1</td>
            <td>2</td>   <!--td定义一行中的一个单元格，代表普通单元格-->
            <td>3</td>
         </tr>

         <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
         </tr>
        
         <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
         </tr>
    </table>
</body>
</html>

传统布局

<!DOCTYPE html>

最低0.47元/天解锁文章

qq_45978082

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
HTML插入表格被编辑表格属性

HTML插入表格和编辑表格属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格</title></head><body> <h1>插入表格，编辑属性</h1> <!--table标签插入表格，boder设置表格的边框，输入1表示表格的边框为1像素--&
复制链接

扫一扫