html-3,table 表格标签 tr th td caption thead tbody tfoot 的简单使用

 1 <!--
 2     table  border=‘1‘ style="border-collapse:collapse;"
 3             border  表格的像素宽度
 4             border-collapse:collapse 为表格设置合并边框模型
 5             tr  表格行 一个tr包含多个th 或td
 6                 th  表示居中加粗
 7                 td  表格描述(默认正常显示)
 8
 9             caption 标题独占一行 在表格外面
10             thead  tbody  tfoot   无论顺序是怎么写的 他会自动按这个顺序展示
11 -->
12
13 <!DOCTYPE html>
14 <html lang="en">
15 <head>
16     <meta charset="UTF-8">
17     <title>表格标签与表单标签</title>
18 </head>
19 <body>
20
21     <table border="2" style="border-collapse:collapse" width="150" height="50">
22         <tr>
23             <td>id</td>
24             <td>name</td>
25             <td>age</td>
26             <td rowspan="2">占两行</td>
27             <td>空列</td>
28         </tr>
29         <tr>
30             <td>1</td>
31             <td>wang</td>
32             <td>18</td>
33             <td colspan="2">占两列</td>
34         </tr>
35     </table>
36
37     <!--
38         caption 标题独占一行 在表格外面
39         thead  tbody  tfoot   无论顺序是怎么写的 他会自动按这个顺序展示
40     -->
41     <table border="2">
42         <caption>人物介绍</caption>
43
44          <tfoot>
45             <tr>
46                 <th>三妹</th>
47                 <td>15</td>
48                 <td>女</td>
49                 <td rowspan="3" >占三行</td>
50             </tr>
51         </tfoot>
52
53         <thead>
54             <tr>
55                 <th>大哥</th>
56                 <td>18</td>
57                 <td>男</td>
58             </tr>
59         </thead>
60
61         <tbody>
62             <tr>
63                 <th>老二</th>
64                 <td>17</td>
65                 <td>男</td>
66             </tr>
67         </tbody>
68     </table>
69
70 </body>
71 </html>

原文地址:https://www.cnblogs.com/Mr-wangxd/p/9663339.html

时间: 2024-10-13 16:05:11

html-3,table 表格标签 tr th td caption thead tbody tfoot 的简单使用的相关文章

HTML 表格&lt;table&gt;&lt;caption&gt;&lt;th&gt;&lt;tr&gt;&lt;td&gt;&lt;thead&gt;&lt;tbody&gt;&lt;tfoot&gt;&lt;col&gt;&lt;colgroup&gt;

<table>标签: 定义和用法: <table>标签定义HTML表格. 简单的HTML表格由table元素以及一个或多个tr.th或td元素组成. tr元素定义表格行,th元素定义表头,td元素定义表格单元. 可选的属性: 1.border 值:pixels       规定表格边框的宽度. 2.cellpadding 值:pixels或%     规定单元边沿与内容之间的空白. 3.cellspacing   值:pixels或%   规定单元格之间的空白. 4. frame

table 中 thead tbody tfoot 加载顺序问题

这几个标记主要是用于提高table标签的加载以及显示的,说白了,就是分布加载.在传统的浏览器,在加载 时,是当所有的标签中元素都被下载后才会显示,当然这样的用户体验是不好的.再加入了这几个t打头的标签后,table就会分布的加载table中的元素,顺序依据写在table中的标签顺序进行. 为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用TBODY可以优化显示.如果表格很长,用tbody分段,可以一部分一部分地显示,不用等整个

table表格标签的使用

表格 table 创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签.创建表格的基本语法格式如下: 在上面的语法中包含三对HTML标签,分别为 <table></table>.<tr></tr>.<td></td>,他们是创建表格的基本标签,缺一不可 表格属性 ? border:边框 默认值为0 像素值(px) 表格标题 表格的标题: caption 定义和用法 caption 元素定义表格标题. ? 原文地址:htt

thead,tbody,tfoot标签的使用

带有 thead.tbody 以及 tfoot 元素的 HTML 表格                                                                                                运行结果:                          <html> thead:<thead> 内部必须拥有 <tr> 标签! <head>                          

HTML a标签 img标签 ul列表、ol列表、dl列表标签,table表格标签,lable

a标签其实就是用来做跳转的 a标签的作用:页面跳转.锚(页就是类似书签的东西,在URL中显示出#) <a href="http://www.baidu.com" traget = "_blank">超连接文字</a> traget = "_blank" 该属性的意思是点击后新窗口打开连接,如果没有改项意思就是直接在本页面打开. <a href="#i3" traget = "_blank

表格标签和表格布局

表格标签 <table> //表格标签: <tr> //行标签 <td> //单元格 http://120.x5.x.x:8080/myhome/mytable.html 表格跨行或者跨列的效果: 跨行: <tr> <td align="center" colspan="2">北京</td> <!--<td align="center">上海</td&

table表格类标签的应用

主要需要掌握标签: <table>  <tr>  <th>  <td>  <caption> 主要要掌握的标签属性: rowspan  colspan  frame(void  above  below  hsides  vsides  lhs  rhs  box  border )  border  rules(none  groups  rows  cols  all)  summary  width cellpadding  cellspa

学习10 table表格制作标签

<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>认识table表格标签</title> <style type="text/css"> table tr td,th{border:1px solid

H5 表格标签基本使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-表格标签基本使用</title></head><body><!--其实在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表 1.什么是表格标签?表格标签作用: 用来给一堆