---
# System prepended metadata

title: 6/25 HTML
tags: [HTML]

---

# 6/25 HTML

HTML  //超文本標記語言
SEO  //搜尋引擎最佳化
command + /  //註解快捷鍵
commamd + 方向鍵 //快速移動
option + 方向鍵 //替換
option + shift //複製到下一行
最重要的標題一定要用H1
標題不要跳級
例如使用h1接下來就要用h2
不要直接跳h3
大小可以利用CSS修改

lorem30 //lorem產出30個單字
lorem * 30 //lorem內容x30次

<strong>重要的句子</strong>
重要的<em>文字</em>

可以互相利用

<blockquote cite="#">
引用區塊</blockquote>

<q cite="#">引文</q>

同個區域的影片如果播出就不會播另一種格式的影片

jpg:空間小,品質較png差,支援度高,無透明度所以無法去背

png:256x256x256(RGB) == 1600萬多種顏色,有透明度

apng:png + gif 有png色調的動圖 可做動畫

gif:256色,空間小,無透明度 可做動畫

svg:向量圖,文字檔,空間小,但圖片會比較銳利 可做動畫

webP:檔案小,支援度較低,顏色較穩定,但壓縮能力優於jpg&png 可做動畫

AVIF:新的格式,檔案小 高畫質 有透明度

picture:響應式
img:單純只設定圖片

emmet
{}:文字
[]:屬性
():分組
不要留空格

h1{內容}+h2{內容} //可以利用+來設定在同層

ul:無序清單

ol:有序清單

<table>
caption:表格標題

<a href></a>
可以透過#idname連結   // #xxx
可以連結其他HTML      // xxx.html
可以使用HTML#idNmame // xxx.html#xxx
可以使用外部網址 // google.com.tw
可以直接撥打電話 //tel:09
可以傳送電子郵件 //mailto:xxxxx
透過target屬性開新頁面 // target="_blank"