表格由 table标签来定义。每个表格均有若干行(由tr标签定义),每行被分割为若干单元格(由td标签定义)。 类比:excel表格&网页中的表格

之前,web开发人员过去也常常使用表格来完成整个网页布局,结构嵌套复杂修改维护困难,现在已经被DIV+CSS布局所取代。

现在,用于显示、展示数据。(能够简捷迅速地查找或呈现不同类型的数据及它们之间的关系)

注意:现在HTML表格应该用于展现表格数据,而不是用来实现网页布局!

table

语法: <table></table>

作用:定义表格

tr

语法: <tr></tr>

作用:定义表格中的行

td

语法: <td></td>

作用:定义表格数据(table data) 单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

默认样式:内容水平居左,垂直居中

th

语法:<th></th>

作用:表示表头单元格,通常在行或列的开始处,定义行或列包含的数据类型

默认样式:字体加粗,内容水平居中,垂直居中

css

Cascading Style Sheets,通常称为CSS样式表或层叠样式表(级联样式表)

作用:

为HTML标记语言提供了一种样式描述,即【设置HTML页面中的元素的位置、排版、样式外观等】 如文本内容(字体、大小、对齐方式等)、图片的外形(宽、高、边框等)。

CSS 规则由两个主要的部分构成:选择器、一条或多条声明。

选择器:通常是需要改变样式的 HTML 标签。

声明组:以大括号{}括起来。

每条声明由一个属性和一个值组成,属性与属性值之间以【冒号】分隔,用【分号】将每个声明分开。

当读到一个样式表时,浏览器会根据它来格式化 HTML 文档,插入样式表的方法有三种:行间样式表、内部样式表、外部样式

表格标签、tr、td、th、table相关推荐

  1. bootstrap 表格不用tr td如何写_Pandas还能用来写爬虫?

    文末扫码加入"数据分析交流群" 作者:易执 转自:Python读财(ID:gh_69c0d625f9bc) 谈及Pandas的read.xxx系列的函数,大家的第一反应会想到比较常 ...

  2. html5语言在tr下下拉列表,5-HTML列表, table表格标签及其属性-Go语言中文社区

    一.有序列表 (ordered list) 格式: 有序列表 有序列表 有序列表 语义及运用: 给一堆数据添加列表语义,数据有先后之分.常运用于歌单,排行榜等需要列出先后顺序的列表. 注意点: 1. ...

  3. HTML5中各种标签总结(列表标签、表格标签)

    无序列表<ul></ul> type:可以设置列表前图标的样式 type="square" 有序列表<ol></ol> type:可 ...

  4. 表格标签(HTML)

    表格标签(HTML) <!DOCTYPE html> <html lang="en"><head><meta charset=" ...

  5. 前端之dl dt dd vs tr td th

    dl dt dd认识及dl dt dd使用方法 <dl> 标签用于定义列表类型标签. dl dt dd目录 dl dt dd介绍 结构语法 dl dt dd案例 dl dt dd总结 一. ...

  6. 4、HTML——表格标签、表单标签

    目录 一.表格标签:table-tr-td/th 1.合并单元格 1.1 合并同行不同列的单元格(列合并) 1.2  合并同列不同行的单元格(行合并) 二.表单标签:form 1.form标签 2.i ...

  7. HTML 列表标签、表格标签、表单标签

    HTML 列表标签.表格标签.表单标签 一.列表标签 二.表格标签 三.表单标签 四.综合练习 一.列表标签 <!DOCTYPE html> <html lang="en& ...

  8. HTML表格标签超级详细

    HTML表格 文章目录 前言 一.表格是什么? 二.常用属性 1.<table>常用属性 2.<tr>常用属性 3.<td><th>常用属性 三.代码展 ...

  9. tr td th是什么的缩写

    tr是 table row 表格的行 td是table data th是table heading表格标题 ,一般表格第一行的数据都是table heading 转载于:https://www.cnb ...

  10. 前端:HTML/05/lt;meta标记,XHTML简介及其编写规范,表格标签(lt;table)及其相关标签(lt;tr,lt;td或lt;th)

    <meta>标记 <meta>的主要作用,是提供网页的元信息,如:指定网页的搜索关键字 两个属性:http-equlv和name; 1,http-equiv属性:模拟http协 ...

最新文章

  1. [转载]eclipse的远程调试功能配置
  2. j - 数据结构实验:哈希表_一看就懂的数据结构基础「哈希表」
  3. 垃圾代码评析——关于《C程序设计伴侣》9.4——链表(四)
  4. python3.5安装pygame_安装pygame for Python3.5
  5. 连招 横版 flash 游戏_街机游戏中的无限连究竟有多变态?有种对决叫作没开始就结束了!...
  6. 剖析Picasso加载压缩本地图片流程(解决Android 5.0部分机型无法加载本地图片的问题)
  7. 什么是 Web 应用性能评测领域的 RAIL 模型
  8. springcloud config服务端配置(一)
  9. 广成 USBCAN-II Pro V502 linux下升级经验
  10. OpenGL学习笔记:颜色(RGBA颜色,颜色索引模式)
  11. select时尽可能少使用as对性能很有好处
  12. android sdk更新后出现please update ADT to the latest ve
  13. 计算机教学拼音打字教案,sogo拼音输入法教案.doc
  14. laravel seeder 数据填充
  15. ABP微服务系列学习-搭建自己的微服务结构(三)
  16. android lcd,国产安卓机:LCD屏幕,正式再见
  17. 向U盘中安装Linux系统的经验(不是制作安装盘)
  18. 网络安全乱流,超级保护才是根本
  19. android 评测软件,Android平台五款主流在线视频软件横向评测
  20. 【虚幻引擎UE】UE4/UE5 通用插件推荐及使用介绍

热门文章

  1. 英语倒装句和疑问句的区别
  2. 怎么查看支付宝id号
  3. 面试官系列 - https 真的安全吗,可以抓包吗,如何防止抓包吗
  4. numpy 数据类型转换
  5. node 下载以往的版本
  6. 用R筛选Excel文档中某列绝对值大于某数
  7. java判断磁盘使用率_Java计算磁盘使用率
  8. C语言 通过for循环绘制爱心
  9. 如何在bilibili中查找弹幕发送者
  10. webstorm前端使用Nginx 反向代理解决跨域问题