十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要介绍“HTML表格的基本语法有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML表格的基本语法有哪些”文章能帮助大家解决问题。
创新互联公司致力于做网站、成都网站制作,成都网站设计,集团网站建设等服务标准化,推过标准化降低中小企业的建站的成本,并持续提升建站的定制化服务水平进行质量交付,让企业网站从市场竞争中脱颖而出。 选择创新互联公司,就选择了安全、稳定、美观的网站建设服务!
表格的基本语法
带边框的表格:
复制代码
代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
不带边框的表格:
复制代码
代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
跨多行、多列的表元(Table Span)
跨多列的表元
复制代码
代码如下:
Morning Menu | ||
---|---|---|
Food | Drink | Sweet |
A | B | C |
Morning Menu | ||
---|---|---|
Food | Drink | Sweet |
A | B | C |
跨多行的表元
复制代码
代码如下:
Morning Menu | Food | A |
---|---|---|
Drink | B | |
Sweet | C |
Morning Menu | Food | A |
---|---|
Drink | B |
Sweet | C |
表格尺寸设置
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
表格内文字的对齐/布局
复制代码
代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
复制代码
代码如下:
Food | Drink | Sweet | Other |
---|---|---|---|
A | B | C | D |
Food | Drink | Sweet | Other |
---|---|---|---|
A | B | C | D |
表格在页面中的对齐/布局(Floating Table)
Food | Drink | Sweet |
---|---|---|
A | B | C |
My favorites...
cookies, chocolates, and more.
Food | Drink | Sweet |
---|---|---|
A | B | C |
My favorites...
cookies, chocolates, and more.
Food | Drink | Sweet |
---|---|---|
A | B | C |
My favorites...
cookies, chocolates, and more.
Food | Drink | Sweet |
---|---|---|
A | B | C |
My favorites...
cookies, chocolates, and more.
Food | Drink | Sweet |
---|---|---|
A | B | C |
My favorites...
cookies, chocolates, and more.
表格的标题
复制代码
代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
valign=top is default.
复制代码
代码如下:
Food | Drink | Sweet |
---|---|---|
A | B | C |
Food | Drink | Sweet |
---|---|---|
A | B | C |
关于“HTML表格的基本语法有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。