VSCode安装live server插件可以实时预览页面(右键Open with Live Server)
image.png

HTML

body中常用的标签

  • 标题 h1 - h6 (heading)
  • 章节 section
  • 文章 article
  • 段落 p (Paragraph)
  • 头部 header
  • 尾部 footer
  • 主要内容 main
  • 次要内容 aside
  • 导航条 nav （Navigation)
  • 层次分块 div (Division)

a 标签

  1. <ul>
  2.   <li><a href="https://example.com">Website</a></li>
  3.   <li><a href="mailto:m.bluth@example.com">Email</a></li>
  4.   <li><a href="tel:+123456789">Phone</a></li>
  5.   <li><a href="https://example.com" download>Website</a></li>
  6.   <li><a href="https://example.com" target="_blank">Website</a></li>
  7.   <li><a href="https://example.com" title="show when hover">Website</a></li>
  8. </ul>

table

  1. <table>
  2.     <thead>
  3.         <tr>
  4.             <th colspan="2">The table header</th>
  5.         </tr>
  6.     </thead>
  7.     <tbody>
  8.         <tr>
  9.             <td>The table body</td>
  10.             <td>with two columns</td>
  11.         </tr>
  12.     </tbody>
  13. </table>

CSS