千家信息网

HTML表格的基本语法有哪些

发表于:2025-01-19 作者:千家信息网编辑
千家信息网最后更新 2025年01月19日,这篇文章主要介绍"HTML表格的基本语法有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"HTML表格的基本语法有哪些"文章能帮助大家解决问题。表格的基本语
千家信息网最后更新 2025年01月19日HTML表格的基本语法有哪些

这篇文章主要介绍"HTML表格的基本语法有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"HTML表格的基本语法有哪些"文章能帮助大家解决问题。

表格的基本语法

...
- 定义表格
- 定义表行
- 定义表头
- 定义表元(表格的具体数据)

带边框的表格:

复制代码

代码如下:





FoodDrinkSweet
ABC

FoodDrinkSweet
ABC


不带边框的表格:

复制代码

代码如下:





FoodDrinkSweet
ABC

FoodDrinkSweet
ABC

跨多行、多列的表元(Table Span)

跨多列的表元

复制代码

代码如下:






Morning Menu
Food Drink Sweet
ABC

Morning Menu
FoodDrinkSweet
ABC

跨多行的表元

复制代码

代码如下:







Morning MenuFood A
Drink B
Sweet C

Morning MenuFoodA
DrinkB
SweetC

表格尺寸设置

边框尺寸设置:

复制代码

代码如下:





FoodDrinkSweet
ABC

FoodDrinkSweet
ABC

表格尺寸设置:

复制代码

代码如下:





FoodDrinkSweet
ABC

FoodDrinkSweet
ABC

表元间隙设置:

复制代码

代码如下:





FoodDrinkSweet
ABC

FoodDrinkSweet
ABC

表元内部空白设置:

复制代码

代码如下:





FoodDrinkSweet
ABC

FoodDrinkSweet
ABC

表格内文字的对齐/布局

#=left, center, right


复制代码

代码如下:









FoodDrinkSweet
ABC

FoodDrinkSweet
ABC

#=top, middle, bottom, baseline


复制代码

代码如下:











FoodDrinkSweetOther
ABCD

FoodDrinkSweetOther
ABCD

表格在页面中的对齐/布局(Floating Table)


    复制代码

    代码如下:





FoodDrinkSweet
ABC


  • My favorites...
    cookies, chocolates, and more.

  • FoodDrinkSweet
    ABC

    My favorites...
    cookies, chocolates, and more.

    FoodDrinkSweet
    ABC

    My favorites...
    cookies, chocolates, and more.

    #=space value


      复制代码

      代码如下:





    FoodDrinkSweet
    ABC


  • My favorites...
    cookies, chocolates, and more.

  • FoodDrinkSweet
    ABC

    My favorites...
    cookies, chocolates, and more.

    表格的标题

    ... #=left, center, right

    复制代码

    代码如下:






    Lunch
    FoodDrinkSweet
    ABC

    Lunch

    FoodDrinkSweet
    ABC

    ... #=top, bottom

    valign=top is default.

    复制代码

    代码如下:






    Lunch
    FoodDrinkSweet
    ABC

    FoodDrinkSweet
    ABC

    关于"HTML表格的基本语法有哪些"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。

    0