课时37.表格标签基本使用(理解)

表格标签是我们一个时代都代表,曾经在过去一段时间,我们大部分网站都是用表格来做的。

1.什么是表格标签?

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

2.表格标签格式:

其实表格标签中的table代表整个表格,也就是一对table标签就是一个表格。

其实表格标签中的tr标签代表整个表格的一行数据,也就是说一对tr标签就是表格中的一行

其实表格标签中的td标签代表表格中一行中的一个单元格,也就是说一对td标签就是一行中的一个单元格

3.注意点:

3.1表格标签有一个边框属性,这个属性决定来边框的宽度,默认情况下这个属性的值是0所以看不到边框

3.2表格标签和列表标签一样,它是一个组合标签,所以table/tr/td要么一起出现,要么一起不出现,不会单个出现

如何编写一个二行三列的表格呢?

一定要给表格加一个边框,要不然不会显示出来

原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9172389.html

时间: 2024-12-29 11:55:49

课时37.表格标签基本使用(理解)的相关文章

课时38.表格标签的属性(了解)

1.宽度和高度的属性 可以给table标签和td标签使用(tr标签不能使用) 2.水平对齐和垂直对齐的属性 其中水平对齐可以给table标签和tr标签和td标签使用 垂直对齐只能给tr标签和td标签使用 3.外边距和内边距属性 只能给table标签使用 补充上节课内容: 1.1表格的宽度和高度默认是按照内容的尺寸来调整的 也可以通过给table标签设置width/height属性的方式来手动指定表格的宽度和高度 1.2如果给td标签设置width/height属性,会修改当前单元格的宽度和高度,

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 <!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

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 -

H5 表格标签基本使用

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

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.网页文件.图片,浏览器直接打开):