html表格标签的使用

<html>

<head>

<title>html表格标签演示</title>

<head>

<body>

<table width="200" border="1" cellpadding="2" cellspacing="3">

<caption>商品信息</caption>

<tr>

<th>商品名称</th>

<th>数量</th>

<th>备注</th>

</tr>

<tr align="right" bgcolor="#33FFFF">

<td>雨伞</td>

<td>100</td>

<td rowspan="2">合并列</td>

</tr>

<tr>

<td align="center" valign="middle">皮鞋<td>

<td>200</td>

<tr>

<td colspan="3">合并列</td>

</tr>

</table>

</body>

</html>

cellpadding 是边框与其内容的间隙大小;

cellspacing 是边框与边框之间的间隙大小;

colspan="3" 把三列合并为一列

rowspan="2" 把两行合并为一行

时间: 2024-11-08 20:52:21

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>

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&g