Emmet 載入

在 VSC 或是 Codepen 要載入 Emmet 套件，可以直接打"!"+“Tab"鍵， 就會立馬出現以下 Code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    #如果沒有加這行在IE瀏覽器會出現亂碼
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    #針對手機、Ipad做螢幕解析度調整
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    #讓IE更新到最新版本
    <title>Document</title>
  </head>
  <body></body>
</html>

按"P*2"就會自動載入下方 code，如果*3 就會一次出現三個

<p></p>
<p></p>

列表標籤

呈現效果會是:

● 項目一
● 項目二
● 項目三

1.項目一
2.項目二
3.項目三

<ul>
  <li>項目一</li>
  <li>項目二</li>
  <li>項目三</li>
</ul>
<ol>
  <li>項目一</li>
  <li>項目二</li>
  <li>項目三</li>
</ol>

li 可以用來包 a 連結 也可以用來包 img 圖片


Buy me a croissant