大學的時候學過web前端的課,但是主要是講大框架,對於具體的一些概念沒有講那麼細。最後交大作業項目就是用到啥了現場百度啥。 現在工作了,雖然也寫了一些頁面,接觸了echarts,axios,也用過vue+elementui等等,但是發現很多前端的概念我並不懂,還是一知半解的狀態。再加上最近是有考慮這 ...
大學的時候學過web前端的課,但是主要是講大框架,對於具體的一些概念沒有講那麼細。最後交大作業項目就是用到啥了現場百度啥。
現在工作了,雖然也寫了一些頁面,接觸了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 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 </head> 7 <body> 8 <!--創建帶結構的表格,表格劃分為:表頭、主體、腳註 --> 9 <!--thead:表格的頭部 --> 10 <!--tbody:表格的主體 --> 11 <!--tfoot:表格的腳部 --> 12 <table> 13 <caption>表格標題</caption> <!--caption:標題標簽,居中顯示,僅有一個標題--> 14 <thead> 15 <tr> <!-- tr:表格中的行 --> 16 <th>表頭</th> <!--th:表格頭,內容居中,加粗顯示--> 17 </tr> 18 </thead> 19 <tbody> 20 <tr> 21 <td>主體</td> <!--td:普通表格,內容左對齊--> 22 </tr> 23 </tbody> 24 <tfoot> 25 <tr> 26 <td>腳註</td> 27 </tr> 28 </tfoot> 29 </table> 30 31 </body> 32 </html>
2022-08-1815:53:03