码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • HTML 15 HTML 表格 table


    HTML

    文章目录

        • HTML
        • 15 HTML 表格 table
          • 15.1 实例
          • 15.2 定义和用法
          • 15.3 浏览器支持
          • 15.4 HTML 与 XHTML 之间的差异
          • 15.5 可选的属性
          • 15.6 全局属性
          • 15.7 事件属性
          • 15.8 TIY 实例
            • 15.8.1 表格
            • 15.8.2 表格边框
            • 15.8.3 没有边框的表格
            • 15.8.4 表格中的标题(Headings)
            • 15.8.5 空单元格
            • 15.8.6 带有标题的表格
            • 15.8.7 跨行或跨列的表格单元格
            • 15.8.8 表格内的标签
            • 15.8.9 单元格填充(Cell padding)
            • 15.8.10 单元格间距(Cell spacing)
            • 15.8.11 向表格添加背景颜色或背景图像
            • 15.8.12 向表格单元添加背景颜色或者背景图像
            • 15.8.13 在表格单元中排列内容
            • 15.8.14 框架(frame)属性

    15 HTML 表格 table

    15.1 实例

    一个简单的 HTML 表格,包含两行两列:

    <table border="1">
      <tr>
        <th>Monthth>
        <th>Savingsth>
      tr>
      <tr>
        <td>Januarytd>
        <td>$100td>
      tr>
    table>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10

    在这里插入图片描述

    15.2 定义和用法
    标签定义 HTML 表格。

    简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

    tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

    更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

    15.3 浏览器支持

    在这里插入图片描述

    所有浏览器都支持

    标签。

    15.4 HTML 与 XHTML 之间的差异

    在 HTML 4.01 中,table 元素的 “align” 和 “bgcolor” 属性是不被赞成使用的。

    在 XHTML 1.0 Strict DTD,table 元素的 “align” 和 “bgcolor” 属性是不被支持的。

    15.5 可选的属性

    在这里插入图片描述

    15.6 全局属性

    标签支持 HTML 中的全局属性。

    https://www.w3school.com.cn/tags/html_ref_standardattributes.asp

    15.7 事件属性

    标签支持 HTML 中的事件属性。

    https://www.w3school.com.cn/tags/html_ref_eventattributes.asp

    15.8 TIY 实例
    15.8.1 表格

    在这里插入图片描述

    15.8.2 表格边框

    在这里插入图片描述

    15.8.3 没有边框的表格

    在这里插入图片描述

    15.8.4 表格中的标题(Headings)

    在这里插入图片描述

    15.8.5 空单元格

    在这里插入图片描述

    15.8.6 带有标题的表格

    在这里插入图片描述

    15.8.7 跨行或跨列的表格单元格

    在这里插入图片描述

    15.8.8 表格内的标签

    在这里插入图片描述

    15.8.9 单元格填充(Cell padding)

    在这里插入图片描述

    15.8.10 单元格间距(Cell spacing)

    在这里插入图片描述

    15.8.11 向表格添加背景颜色或背景图像

    在这里插入图片描述

    15.8.12 向表格单元添加背景颜色或者背景图像

    在这里插入图片描述

    15.8.13 在表格单元中排列内容

    在这里插入图片描述

    15.8.14 框架(frame)属性

    在这里插入图片描述

  • 相关阅读:
    作为Java程序员,阿里一面Synchronized连珠炮你是否能够顶住
    YOLOv5改进之二:添加CBAM注意力机制
    VUE父组件向子组件传递值
    Java8新特性——Lambda表达式
    [附源码]SSM计算机毕业设计个性化新闻推荐系统JAVA
    力扣(LeetCode)算法_C++——移位字符串分组
    CMake0721
    高新技术企业认定工作指导
    8位端口检测8位独立按键
    powershell环境变量
  • 原文地址:https://blog.csdn.net/weixin_44226181/article/details/127442641
    • 最新文章
    • 沪漂五周年了:我越来越迷茫了
      Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
      MySQL-Seconds_behind_master的精度误差
      [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
      AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
      Agent OS :五种驯服不确定性的范式
      PortSwigger SQL注入LAB11
      数据库即时编译JIT
      [Begin]AI Learn Data Day 0
      深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
    • 热门文章
    • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
      奉劝各位学弟学妹们,该打造你的技术影响力了!
      五年了,我在 CSDN 的两个一百万。
      Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
      面试官都震惊,你这网络基础可以啊!
      你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
      心情不好的时候,用 Python 画棵樱花树送给自己吧
      通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
      13 万字 C 语言从入门到精通保姆级教程2021 年版
      10行代码集2000张美女图,Python爬虫120例,再上征途
    小工具 小游戏
    Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

    京公网安备 11010502049817号