前端入门之HTML的表格

作者: Web前端学习营 | 来源:发表于2019-06-03 16:51 被阅读1次

表格:

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。border是边框属性。

row 1, cell 1row 1, cell 2row 2, cell 1row 2, cell 2

运行结果:

image

表格标签:

| 标签 | 描述 |

|

| 定义表格 |

|

| 定义表格的行 |

|

| 定义表格列的组 |

|

| 定义用于表格列的属性 |

|

| 定义表格的页眉 |

|

| 定义表格的主体 |

|

| 定义表格的页脚 |

表格形式:

1.无边框表格

第一种:100200300400500600第二种:100200300400500600

2.表头

水平标题:表头一表头二表头三100200300垂直标题:表头一100表头二200表头三300

运行结果:

image.png

3.标题

标题表头一100表头二200表头三300

运行结果:

image.png

4.跨行跨列的表格单元格(

合并单元格:

单元格属性:

colspan=2 水平合并 向右合并 值包含自己

rowspan=2 垂直合并 向下合并 值包含自己

合并单元格本质就是改变宽度 高度 占位实现的

表头一表头二100200300表头一100表头二200300

运行结果:

image.png

5.表格内的标签

这是一个段落

这是另一个段落

这个单元格包含一个表格:ABCD这个单元格包含一个列表
  • apples
  • bananas
  • pineapples
HELLO

运行结果:

image.png

6.单元格边距, cellpadding="0" 边距(内容和单元格的距离)

没有单元格边距:

FirstRowSecondRow

有单元格边距:

FirstRowSecondRow

运行结果:

image.png

7.单元格间距, cellspacing="0" 间距(单元格与单元格的距离

没有单元格间距:

FirstRowSecondRow

单元格间距="0":

FirstRowSecondRow

单元格间距="10":

FirstRowSecondRow

运行结果:

相关文章

  • 前端入门之HTML的表格

    表格: 表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)...

  • 前端入门之HTML的表格

    表格: 表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 前端学习之HTML——表格

    表格的主要作用 表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时...

  • HTML入门二之表格

    表格 一般我们都是用 DIV + CSS 布局 因为table布局有很多弊端 比如荣誉代码过多 难维护 不灵活 表...

  • 前端入门|HTML基础元素3,表格

    表格 表格在数据展示方面非常简单,并且表现优秀,通过与CSS的结合,可以让数据变得更加美观和整齐。 行、列、单元格...

  • 前端学习之HTML入门

    今天是前端学习的第N次的第1天,之所以说是学习的第N次,是因为之前学习过很多次,具体几次,不记得了。因为自己不经...

  • 前端HTML & CSS 基础入门(6)表格

    表格的基本结构 表格是网页上最常见的元素,它除了可以用来展示数据,还常常被用来排版。虽然现在提倡使用DIV+CSS...

  • 2018-04-10前端学习笔记

    前端入门 核心基础 HTML+CSS+JAVASCRIPT HTML 教程:菜鸟教程-HTML 练习检测:慕课网-...

  • 新手如何入门学习前端?

    Web前端入门的自学路线 新手入门前端,需要学习的基础内容有很多,如下。 一、HTML、CSS基础、JavaScr...

网友评论

    本文标题:前端入门之HTML的表格

    本文链接:https://www.haomeiwen.com/subject/apthxctx.html