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 HTML表格的基本语法有哪些


      复制代码

      代码如下:





    FoodDrinkSweet
    ABC


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

  • FoodDrinkSweet
    ABC

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

     表格的标题 HTML表格的基本语法有哪些

    ... #=left, center, right
     

    复制代码

    代码如下:





     
    Lunch
    FoodDrinkSweet
    ABC

    Lunch

    FoodDrinkSweet
    ABC

    ... #=top, bottom

    valign=top is default.

    复制代码

    代码如下:





     
    Lunch
    FoodDrinkSweet
    ABC

    FoodDrinkSweet
    ABC

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


    当前题目:HTML表格的基本语法有哪些
    URL链接:http://ybzwz.com/article/jhipdh.html