首页 > 其他分享 >html基础-表格

html基础-表格

时间:2024-12-12 22:58:39浏览次数:6  
标签:表格 标签 单元格 基础 默认 像素 html 对齐

表格标签的简单介绍:

<table>
    <tr>
         <th></th>
         <td></td>
    </tr>
</table>
<!--table是表格标签
tr是行
td是每一个单元格
th是表头,有加粗剧中的功能
他们之间是需要互相嵌套
tr必须嵌套在table
td和th必须签到到tr之中--> 

写法

<table >
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>23</td>
        </tr>
</table>

表格标签的属性

 表格标签的属性都要写在table里面

border  1或者“” 规定单元格是否有边框,默认为“”表示没有

cellpadding 像素值 控制单元格边沿与内容之间的距离,默认像素是 1像素

cellspacing 像素值 单元格和单元格之间的距离。默认是2,0是没有距离

属性 说明
align left 左对齐
center 居中对齐
right 右对齐
valign top 顶端对齐
middle 居中对齐
bottom 底端对齐
baseline 基线对齐

表格的结果标签

<thead></thead> 标签是头部区域的
<tbody></tbody>是表格的主体区域
<table border="1" cellspacing="7" width="500"  cellpadding="20"height="200" align="center">
    <thead >
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
    </thead>
    <tbody align="center">
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>23</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>男</td>
            <td>45</td>
        </tr>
    </tbody>
</table>

 

 

 

 

标签:表格,标签,单元格,基础,默认,像素,html,对齐
From: https://www.cnblogs.com/zhanghong23/p/18603559

相关文章

  • 专为高性能汽车设计的Armv9架构的Neoverse V3AE CPU基础知识与软件编码特性解析
    一、ARMv9以及V3AE处理器架构Armv9架构的ArmNeoverseV系列处理器是专为高性能计算设计的产品线,其中V3AE(AdvancedEfficiency)特别强调了性能与效率之间的平衡。以下是关于Armv9架构下NeoverseV3AE处理器结构和指令集的一些详细解读:Armv9架构概述Armv9是ARM最新一代......
  • 一、HTML基础实例
    1.HTML文档(1)所有HTML文档都必须以文档类型声明开头:。(2)HTML文档以开始,以结束。(3)HTML文档的可见部分位于和之间。实例:<!DOCTYPEhtml><html><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>2.<!DOCTYPE>声明(1)&l......
  • 用C语言实现栈:从基础到实战
    栈(Stack)是一种基础的数据结构,遵循后进先出(LIFO,LastInFirstOut)的原则。它被广泛应用于函数调用、表达式求值、括号匹配等问题中。在这篇技术博客中,我们将详细介绍如何使用C语言实现一个栈,并涵盖基本的操作以及实战应用。什么是栈?栈是一种特殊的线性表,只允许在一端进行插入和......
  • 零基础前端项目实战】数据大屏可视化项目完整教程 - 手把手教你用Vue+ECharts打造炫酷
    效果图:完整代码<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>数据大屏展示</title><scriptsrc="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script><scrip......
  • 【网络安全零基础入门到精通教程】Web渗透信息收集之域名、端口、服务、指纹、旁站、C
    声明:本人坚决反对利用教学方法进行恶意攻击的行为,一切错误的行为必将受到严惩,绿色网络需要我们共同维护,更推荐大家了解技术背后的原理,更好地进行安全防护。文章目录一.Web渗透第一步二.域名信息收集1.域名查询2.Whois查询3.备案信息查询三.Web站点信息收集1.CMS指纹......
  • Redis 基础知识
    Redis基础1.什么是Redis?Redis是一个开源的、高性能的内存数据库,也可以用作缓存和消息队列。它以键值对的形式存储数据,并支持丰富的数据结构。Redis被广泛应用于Web、物联网、游戏等需要高吞吐和低延迟的场景。官网:https://redis.io/开发语言:CLicense:BSD3-Clause......
  • Pytorch学习_03 Tensor(上):基础计算单元
    目录什么是TensorTensor的类型、创建及转换Tensor的类型Tensor的创建直接创建从NumPy中创建创建特殊形式的TensorTensor的转换Tensor的常用操作获取形状矩阵转秩(维度转换)形状变换增减维度小结什么是TensorTensor是深度学习框架中极为基础的概念,也是PyTroch......
  • 【算法基础】图的存储与遍历
    一、图的存储在我们存储图的时候,主要使用邻接矩阵、邻接表两种方式来存储。通常邻接矩阵存储稠密图(边多),临界矩阵存储稀疏图(边少)。1.1邻接矩阵存储邻接矩阵听起来比较高大上,其实就是用二维数组来表示\(a\)点与\(b\)点之间有一条边。例如在上述无向图中\(1\)与\(4\)之......
  • 使用html 和javascript 实现微信界面功能2
    1.功能说明:对上一篇的基础上进行了稍稍改造主要修改点:搜索功能:在搜索框后面增加了搜索按钮。搜索按钮调用performSearch函数来执行搜索操作。表单形式的功能:上传文件:修改为表单形式,允许用户通过文件输入控件选择文件并上传。发布朋友圈:修改为表单形式,允许用户......
  • web安全学习路线(非常详细),零基础入门到精通,看这一篇就够了
    1.学习基本的Web开发知识在学习Web安全之前,了解基本的Web开发知识是非常重要的。Web开发通常涉及HTML、CSS和JavaScript等技术。这些技术可以帮助您理解Web应用程序的结构和工作原理。此外,了解Web服务器和客户端之间的通信过程也有助于您更好地理解Web安......