亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

第五章 html 常用標簽[4]-表格【圖文】

標簽:
Html/CSS

课前darker有话说,感谢慕课网这个平台,我们先稍微讲讲。
课前唠唠嗑:经过 html,css 的不断发展,现在在前台除非十分有必要,几乎都看不到表格的身影了,网站后台有些地方使用表格,我们这节课通过 html 标签把表格的基本结构构建出来,至于表格的长宽,美化等等装饰工作留到我们学完 css 再说!

  1. 表格
    表格由 table 标签创建,tr 标签来创建表格的行,td 标签或者 th 标签创建表格的列。
    比如下图中的样子:
    图片描述
    网页中的效果是:
    图片描述
    这时候,不免有同学问了,你不是说是是表格么,怎么边框就没了呢,好的
    这时候是因为table标签中的border没有设置了宽度。
    这时候我们可以给刚才图片中的border设置宽度,如:
    图片描述
    这时候保存下,刷新下网页效果,就变成了:
    图片描述这样不就像个表格了么
    接下来,我再介绍两个标签,分别是colspan,和rowspan;
    具体什么效果
    我们请看图片代码后,就可以得知了
    图片描述
    网页中的效果是
    图片描述
    原来如此
    colspan是规定单元格可横跨的列数,值为数字
    同理rowspan我就不做尝试了,留给童鞋们自己尝试,今天的客就到这里。
    感谢大家们的关注,希望大家多多关注我哦。
    感谢慕课网提供这个平台。

详解:
table 标签
1)属性:border
作用:规定表格边框的宽度
2)属性:cellpadding
3)属性:cellspacing其他属性我们用的很少,所以不讲!
tr 标签
定义 html 表格中的行,tr 元素包含一个或多个 th 或 td 元素!
tr 标签的属性实际工作中使用极少,所以我们不做讲解!
th 标签
定义表格内的表头单元格
td 标签
定义表格内的普通单元格
常用属性:
colspan:规定单元格可横跨的列数,值为数字
rowspan:规定单元格可横跨的行数,值为数字
总结:表格里面还有其他一些标签例如 thead、tfoot 以及 tbody 等等标签,以及其他一
些属性,我们并没有涉及到,因为确实用的特别少!

點擊查看更多內容
12人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
PHP開發工程師
手記
粉絲
34
獲贊與收藏
112

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消