前端学习笔记（一）——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标签）
链接分享：http://shouzuofang.com/article/dsopoge.html

网站建设知识

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

其他资讯