HTML的表格标签

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <!--
 4 表格标签<table>
 5 行标签<tr>
 6 列标签<td>或<th>
 7 align:left、center、right
 8 border:边线宽度
 9 width
10 height
11 cellspacing
12 cellpadding
13
14 定义标题
15 <h1>标题</h1>
16
17 <caption>
18 align
19 valign
20 放在tr标签之前,放在table的内部使用。
21 会随着表格走。
22
23 字段标签
24 <th>
25 和<td>的用户一直。文字是以粗体居中显示
26
27
28 行标签
29 <tr>
30 align:水平位置
31 valign:垂直位置top(到顶)、middle(居中)、bottom(到底)
32
33
34 列标签
35 <td>和<th>
36 width
37 heigth
38 align
39 valign
40 colspan:控制所占列数
41 rowspan:控制所占行数
42 -->
43 <head>
44 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
45 <title>HTML的表格标签</title>
46 </head>
47
48 <body>
49     <center><h3>我的表格</h3></center>
50     <table border="1" width="400" align="center" cellspacing="0" cellpadding="5" bgcolor="#999999" bordercolor="#00FF00">
51     <caption><h2>我的表格</h2></caption>
52     <tr>
53             <th>编号</th>
54             <th>姓名</th>
55             <th>年龄</th>
56             <th>性别</th>
57         </tr>
58         <tr>
59             <td>1</td>
60             <td>zhangsan</td>
61             <td>30</td>
62             <td>男</td>
63         </tr>
64         <tr>
65             <td>2</td>
66             <td>lisi</td>
67             <td>30</td>
68             <td>男</td>
69         </tr>
70         <tr>
71             <td>3</td>
72             <td>wangwu</td>
73             <td>30</td>
74             <td>男</td>
75         </tr>
76     </table>
77 </body>
78 </html>
时间: 2024-11-03 03:36:28

HTML的表格标签的相关文章

H5 表格标签基本使用

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

HTML表格标签

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

HTML高级标签(1)————表格标签

利用上述表格属性,可以简单的创建一个表格,并任意的切割行和列. <html> <head> <title>表格的应用</title> </head> <body> <table border="1" width="400" align="center" cellspacing="0" cellpadding="0" > &l

H5 表格标签的其它标签

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标签的其它标签</title></head><body><!-- 感谢极客江南 1.表格标题在表格标签中提供了一个标签专门用来设置表格的标题, 这个标签叫做caption. 只要将标题写在caption标签中, 那么标题就会自动

html系列教程--span style 及表格标签 title video

<span> 标签:非块状元素,用于文本描述 <style> 标签:内联样式表标签定义样式信息,必须写明type类型为text/css,建议写在head中,不是必须 demo: <style type="text/css"> h1 {color:red} p {color:blue} </style> <table> 标签:表格标签 <tr>标签:折行标签 <td>标签:表格内容标签 demo: <

9.6 网页 表格标签

内容容器标签 补遗 <ol><li> 有序列表  <ul><li>      无序列表 常用标签:            <a>超链接:超链接内容:指向明确(在href属性里面写上指向的地方)  作用:做超链接:做下载(无法下载TXT.网页文件.图片,浏览器直接打开):                                                                                          

Html(3)——表格标签与form标签

1.表格标签,th:此列最上面一个,居中显示,td:居左显示 2.表单:form标签,

HTML高级标签之表格标签

前面学习了一下HTML的经常使用标签, 今天開始高级标签之路! 一.表格标签 1.作用: 创建一张表格 2.各属性作用: <table cellspacing="0" cellpadding="0"></table> <!--表格标签 cellspacing:单元格边距. cellpadding: 单元格间距--> <caption> </caption> <!--caption: 置于table内部

表格标签的详解

表格标记 表格是有行.有列.作用:显示表格类的数据. 文字.图片.表格套表格 一个表格的结构: 图示:以下是一个两行四列的一个表格 名称 苹果 价格 6 总价 12 ? ? 语法结构: <table> <caption>表格的标题</caption> ????<tr> ????????<th></th> <th></th> <th></th> <th></th>