H5 表格标签基本使用

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

1.什么是表格标签?表格标签作用: 用来给一堆数据添加表格语义其实表格是一种数据的展现形式, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式

2.表格标签格式:<table>    <tr>        <td>需要显示的内容</td>    </tr></table>其实表格标签中的table代表整个表格, 也就是一堆table标签就是一个表格其实表格标签中的tr标签代表整个表格中的一行数据, 也就是说一对tr标签就是表格中的一行其实表格标签中的td标签代表表格中一行中的一个单元格, 也就是说一对td标签就是一行中的一个单元格

3.注意点3.1表格标签有一个边框属性, 这个属性决定了边框的宽度. 默认情况下这个属性的值是0, 所以看不到边框3.2表格标签和列表标签一样, 它是一个组合标签, 所以table/tr/td要么一起出现, 要么一起不出现, 不会单个出现-->

<!--要求写一个表格, 这个表格中有2行3列--><table border="1">    <tr>        <td>1.1</td>        <td>1.2</td>        <td>1.3</td>    </tr>    <tr>        <td>2.1</td>        <td>2.2</td>        <td>2.3</td>    </tr></table></body></html>
时间: 2024-08-02 02:50:16

H5 表格标签基本使用的相关文章

H5 表格标签的其它标签

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

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

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