表格制作，标签和属性

最新推荐文章于 2022-02-27 11:40:15 发布
最新推荐文章于 2022-02-27 11:40:15 发布
阅读量202 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36270681/article/details/111933554
版权 
表格标签
<table></table> 用于定义表格标签
<tr></tr>  标签用于定义表格中的行，必须嵌套在<table></table> 标签中
<td></td>  用于定义表格中的单元格，必须嵌套在<tr></tr> 标签中
字母td 指表格数据，即数据单元格的内容
<th></th> 表头标签，加粗，居中

表格属性
align     left,center,right     规定表格相对周围元素的对齐方式
border      1或者""             规定表格单元是否拥有边框，默认""，表示没有
cellpadding   像素值            规定单元边沿与其内容之前的空白，默认1
cellspacling   像素值           规定单元格之间的空白，默认2
width           像素值或百分比  规定表格的宽度
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小说排行榜</title>
</head>
<body>
    <table align="center" border="1" width="500" heihgt="249" cellpadding="0" cellspacing="0">
        <tr>
            <th>
                排行
            </th>
            <th>
                关键词
            </th>
            <th>
                趋势
            </th>
            <th>
                今日搜索
            </th>
            <th>
                最近七天
            </th>
            <th>
                相关链接
            </th>
        </tr>
        <tr>
            <td>
                1
            </td>
            <td>
                鬼吹灯
            </td>
            <td>
                <img src="../imgs/up.jpg">
            </td>
            <td>
                345
            </td>
            <td>
                123
            </td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        
        <tr>
            <td>
                2
            </td>
            <td>
                盗墓笔记
            </td>
            <td>
                <img src="../imgs/down.jpg">
            </td>
            <td>
                2222
            </td>
            <td>
                123
            </td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr>
            <td>
                3
            </td>
            <td>
                西游记
            </td>
            <td>
                <img src="../imgs/up.jpg">
            </td>
            <td>
                345
            </td>
            <td>
                123
            </td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr>
            <td>
                4
            </td>
            <td>
                东游记
            </td>
            <td>
                <img src="../imgs/up.jpg">
            </td>
            <td>
                345
            </td>
            <td>
                123
            </td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr>
            <td>
                5
            </td>
            <td>
                甄嬛传
            </td>
            <td>
                <img src="../imgs/up.jpg">
            </td>
            <td>
                345
            </td>
            <td>
                123
            </td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
        <tr>
            <td>
                6
            </td>
            <td>
                三国演义
            </td>
            <td>
                <img src="../imgs/up.jpg">
            </td>
            <td>
                345
            </td>
            <td>
                123
            </td>
            <td>
                <a href="#">贴吧</a>
                <a href="#">图片</a>
                <a href="#">百科</a>
            </td>
        </tr>
    </table>
    
</body>
</html>

 

xiangzilong
关注
专栏目录
HTML制作表格.ppt
11-15
创建表格可以使用TABLE标签，border属性用于设置表格边框的尺寸大小。例如： 姓名 性别 学号 你的名字 你的性别 你的学号 王平 男 <TD>148081222 四、跨行跨列的表格 跨行跨列的表格可以...
【HTML】HTML 表格总结 ★★★ ( 表格标签 | 行标签 | 单元格标签 | 表格标签属性 | 表头单元格标签 | 表格标题标签 | 合并单元格 )
最新发布
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-18 8997
一、表格标签组成 ( 表格标签 | 行标签 | 单元格标签 ) 二、table 表格属性 ( border 属性 | align 属性 | width 属性 | height 属性 ) 三、表头单元格标签 四、表格标题标签 五、合并单元格 1、合并单元格方式 2、合并单元格顺序 3、合并单元格流程 六、合并单元格示例 1、原始表格 2、跨行合并单元格 3、跨列合并单元格
前端笔记04 - 表格标签
kukudeqi的博客
09-10 329
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>st
前端学习之HTML——表格
Jane_xxxxxy的博客
07-26 664
表格的主要作用 表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理 表格不是用来布局页面的,而是用来展示数据的。 表格的具体用法： <table> <tr> <td>单元格内的文字</td> ... </tr>
html用于定义表格行的标签,HTML表格标签
weixin_39813009的博客
06-21 4496
1.表格的主要作用显示展示数据，表格不是用来布局页面的，而使用来展示数据的。2.表格的主要语法单元格的文字...(1)用来定义表格标签。(2)标签用于定义表格中的行，必须嵌套在标签中。(3)用于定义表格中的单元格，必须嵌套在中。(4)字母td指的是表格数据(table data),即数据单元格中的内容。3.表头单元格标签一般的表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容 加粗 居中...
表格常用标签及属性(表格标签基本使用,表格结构和常用列表,自定义列表和表单,表单输入,表单输入)
热门推荐
qq_45585640的博客
12-16 1万+
1. 表格常用标签及属性 1.1 表格标签基本使用 表格的主要作用是什么？ 以行、列的方式（表格）整齐地展示数据，例如：股票价格 用表格布局页面 表格的基本语法： <table> <tr> <td>单元格内容</td> ... //重复 td → 单元格 </tr> ... //重复 tr → 行 </table> 常用的表格标签有几个？分别代表什么含义？ 三个基本的表格标签： 序号 标签名 说
HTML制作表格ppt课件.ppt
11-12
HTML 表格制作是 HTML 中非常重要的一部分，它可以用来存放网页上的文本和图像。表格可以分成行、列、单元格，使用 TABLE、TR、TD 等标签来定义。 为什么使用表格？ 表格应用场合非常广泛，如论坛、门户网站、购物...
css 细线表格 css制作table细线表格常用属性
12-13
在本文中，我们将深入探讨如何使用CSS来实现这样的效果，特别是通过`border-collapse`属性和边框属性缩写技巧。 1. **`border-collapse`属性**： `border-collapse`属性用于控制表格单元格之间的边框合并方式。当...
html制作细线表格的简单实例
12-14
以下是对细线表格制作原理的详细解释。 首先，我们要了解HTML表格的基本结构。一个表格由`<table>`标签定义，其中包含`<tr>`（行）标签，`<tr>`标签内包含`<td>`（单元格）或`<th>`（表头单元格）标签。表格的样式...
HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT
12-01
本教程将深入讲解如何使用HTML中的`<TABLE>`标签的`WIDTH`和`HEIGHT`属性来设置表格的宽度和高度。 首先，我们要了解默认情况下，HTML表格会根据其内容自适应地调整宽度和高度。然而，为了更好地控制表格的布局和...
HTML5学习-合并单元格
qq_43663493的博客
03-13 742
合并单元格 1，说明：特殊情况下，可以把多个单元格合并为一个单元格，这里只需要知到简单的即可 2，合并单元格的方式 跨行合并： rowspan=“合并单元格的个数” 跨列合并： colspan=“合并单元格的个数” 3，目标单元格：（写合并代码） 跨行：最上侧单元格为目标单元格，写合并代码 跨列：最左侧单元格为目标单元格，写合并代码 4，合并单元格的三部曲： 先确定是跨...
表格标签的常用属性
云飞扬°的博客
05-09 836
表格标签的常用属性 <table></table>：表格 <tr></tr>：行 <td></td>：列 td要写在tr里面 <tr> <td> </td> </tr> 常用属性： border---指定边框 width---宽度 ...
HTML中base标签的作用
qq_44292439的博客
12-08 2018
HTML标签的作用 相信很多人都没有用过标签，其实我也没用过哈哈，这个标签适用于一些特殊的场景，一般我们是用不到的，下面给大家介绍一下他的作用 <base>标签定义及用法 <base>标签为页面上的所有链接规定默认地址（目录）或默认属性（target属性）。 通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用<base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 UR
HTML入门8_常用标签_表格table
安小静--
12-08 183
表格由 <table> 标签来定义。 每个表格均有若干行（由 <tr> 标签定义）， 每行被分割为若干单元格（由 <td> 标签定义）。 字母 td 指表格数据（table data），即数据单元格的内容。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <table> <tr> <td>苹果</td> <td>橘子</td> &
表格的标签及属性
Lemon_Staring的博客
09-06 1995
一、 表格的标签及属性 table属性 Width、height 宽高（单位是像素或百分比） align 对齐 border 外边框 bgcolor 背景色 background 背景图片 Cellspacing 单元格间距(单元格和单元格的距离) 一般情况写0 Cellpadding ...
表格，表单的基础标签和属性
baijiao1314的博客
09-11 1770
创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： 单元格内的文字 在上面的语法中包含三对HTML标签，分别为 、、，他们是创建表 格的基本标签，缺一不可，下面对他们进行具体地解释 1.table用于定义一个表格。 2.tr 用于定义表格中的一行，必须嵌套在 table标签中，在 table中包含几对 tr，就...
表格标签基本使用
New_Prorammer的博客
02-27 418
表格标签基本使用
HTML基本标签、表单相关标签
阅后即焚
09-25 532
HTML基本标签 标题标签及水平线： 标题标签 &lt;h1&gt;&lt;/h1&gt;~&lt;h6&gt;&lt;/h6&gt;标签在HTML页面中创建标题，标题默认加粗，换行。 水平线 在 HTML 页面中创建一条水平分隔线，用于定义内容中的主题变化。 size属性：水平线的高度，单位像素 noshade属性：没有阴影，取值：noshade，表示显示纯色 &lt;!--水平线--&...
理解表格二：其他表格相关标签及属性
rose001的专栏
02-11 856
在 HTML 表格布局（注意：不是用表格进行页面布局）中，除了 tr 和 td 之外，还有以下标签：caption - 表格的标题。 thead - 表头行（行组）。 tbody - 数据行（行组）。 tfoot - 表注行（行组）。 th - 与 td 类似的表元，字体会加粗。 col - 表格列。 colgroup - 表格列组。 下面分别看一下这几个标
HTML标签与属性完全指南
以上只是HTML标签和属性的一小部分，实际上HTML还包括许多其他标签，如表格、链接、图像、段落、列表、表单等，每个都有其特定的功能和属性。学习和理解这些标签和属性是构建和美化网页的基础。熟练掌握HTML能够帮助...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值