html表格制作

1.无表头的表格 <table> <tr> <td>

<table>标签代表的是表
<tr>标签代表的是行
<td>标签代表的是列
在html页面中的表格来着,就和excl的表格不一样喽,咱自己有自己的规则:
这就是没有表头,也就是最简单的一个表格。

2.有表头的表格 <th>

<th>表示就是表头了哦,字体是加粗居中显示的
在日常开发中,如果只有一个表格比较容易让人不明所以,这时候就需要有表头啦,表面这是个什么,或者说每一列代表了什么东西

3.有标题的表格 <caption>

<caption>标签表示表头
前面说了每一列是什么意思,现在需要有标题了,标题就是让人明白这个表是什么意思

4.定义每一列的样式 <colgroup> <col>

使用<colgroup>标签内的<col>

5.页眉,主体,页脚 <thead> <tbody> <tfoot>

<thead>页眉标签,页眉的位置是在文章的上部
<tbody>主体标签,表示内容主题
<tfoot>页脚标签,表示内容最后
正常一般的文章呢也是这样的,页眉在上,页脚在下,主题在中间。

6.合并单元格 行 关键词:colspan,rowspan。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值