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://bzwzjz.com/article/jhipdh.html

    其他资讯

    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
    友情链接: 高端网站设计 成都网站设计制作公司 成都网站制作 成都网站设计 成都网站设计 高端品牌网站建设 企业网站建设公司 重庆网站制作 成都网站制作 成都网站制作 成都网站设计 网站设计 成都网站建设公司 盐亭网站设计 成都网站建设 高端网站设计 成都网站设计公司 手机网站制作设计 成都网站建设 自适应网站建设 成都商城网站制作 企业网站设计