HTML常用标签.md

<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:XX@XX.com">发送邮件</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>

其他感想

果然还是要自己一个个敲过才能加深印象