成都网站建设设计

将想法与焦点和您一起共享

前端学习笔记(一)——HTML表格(table、tr、td、th、thead、tbody、tfoot标签)

大学的时候学过web前端的课,但是主要是讲大框架,对于具体的一些概念没有讲那么细。最后交大作业项目就是用到啥了现场百度啥。

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比抚远网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式抚远网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖抚远地区。费用合理售后完善,十载实体公司更值得信赖。

现在工作了,虽然也写了一些页面,接触了echarts,axios,也用过vue+elementui等等,但是发现很多前端的概念我并不懂,还是一知半解的状态。再加上最近是有考虑这两年要不要换个工作,打算开始学习前端,从基础开始。相信要是能坚持下去,哪怕不跳槽,也能帮助我后面更好更顺利地写前端。

主要在看黑马的前端宝典,根据上面的问题发散一下,主要是在纸质版资料上补充学习。有些不方便写在纸上的知识点也在这里也记录一下吧。


HTML表格(table、tr、td、th、thead、tbody、tfoot标签)

带结构的表格分为表头、主体、脚注。

thead:表格的头部

tbody:表格的主体

tfoot:表格的脚部

这三个标签需要同时使用。

 1 DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>带结构的表格title>
 5     <metahttp-equiv="Content-Type" content="text/html; charset=utf-8" />
 6 head>
 7 <body>    
 8      
 9      
10      
11      
12      <table>
13          <caption>表格标题caption>  
14          <thead>
15              <tr>  
16                <th>表头th>  
17              tr>
18          thead>
19          <tbody>
20              <tr>
21                <td>主体td>              
22              tr>
23          tbody>
24          <tfoot>
25              <tr>
26                  <td>脚注td>
27              tr>
28          tfoot>
29      table>
30  
31 body>
32 html>

名称栏目:前端学习笔记(一)——HTML表格(table、tr、td、th、thead、tbody、tfoot标签)
URL标题:http://chengdu.cdxwcx.cn/article/dsopoge.html