<a>

屬性

• href（hyper reference）：必需屬性，為錨定義一個超文字連結來源

  1-網址 2-路徑 3-虛擬碼

  <a href="https://www.baidu.com/">外部網址</a><br/> <!--網址 -->
  <a href="#top">頁面頂部</a><br/>
  <a href="#">頁面頂部</a><br/>
  <a href="/微信截圖_20210708105623.png">相對路徑</a><br/><!---路徑-->
  <a href="mailto:[email protected]">傳送郵件</a><!---虛擬碼-->
  <a href="tel:19712341234">撥打電話</a>
   
  

• target：指定在何處顯示連結的資源

  • _blank 空白頁面
  • _self 當前頁面
  • _top 當前連結頂層
  • _parent 父層
  • _iframe 內嵌視窗

• download：指示瀏覽器下載URL

<img>

<img src="/media/cc0-images/grapefruit-slice-332-332.jpg"
     alt="圖片描述"> 

• 響應式：手機同時可瀏覽（最大寬度100%） max-width:100%

<table>

• thead 表頭

• tbody

• tfoot

• tr：table row行

• td: table data

• 樣式：

  • table-layout(css)

  • border-collapse: collapse 合併單元格，單元格共享邊界

  • border-collapse: separate 預設值。每個單元格擁有獨立的邊框

  • border-spacing (css)屬性指定相鄰單元格邊框之間的距離

 <table>
   <thead>表頭1</thead>
   <thead>表頭2</thead>
   <tbody>
     <tr>
       <td>第一行第一列</td>
       <td>第一行第二列</td>
     </tr>
     <tr>
       <td>第二行第一列</td>
       <td>第二行第二列</td>
     </tr>
   </tbody>
 </table>
 

其他感想

果然還是要自己一個個敲過才能加深印象