1.hn標籤，一般乙個頁面裡面只用乙個h1標籤，作為主要的資訊標題，這樣便於seo。
2.p標籤，段落標籤。
3.語義化是指用合理html標記以及其特有的屬性去格式化文件內容。通俗地講,語義化就是對資料和資訊進行處理,使得機器可以理解.
事實上seo最有效的一種辦法，就是對網頁的html結構進行重構，實質上就是語義化。
4.橫線 （在webstorm中：hr+tab） 換行
5.文字標籤行內標籤
6.標籤用於對一小部分文字進行突出加強
7.html標籤只是用來內容的顯示，如果要給它樣式，則要考慮用css。
8.下標，如：h
2o 這樣的內容的顯示
上標，如：23
href
target
10.
11.如果要一下子要把乙個標籤寫多次，則在webstorm中（以article為例）：
article*10+tab （一下子要輸入10個article標籤）
12.錨點
13.有序列表（就是有1234這樣的排序）和無序列表
無序：
執行結果：
有序：
有序有序嗎？注意：和之間不要再巢狀別的標籤，但是之間是可以進行巢狀的，如：有序
href=執行結果："#">
空連線有序
有序嗎？
有序
14.自定義列表：dl
dt(相當於標題)
dd（相當於列表項）
dt裡面的文字內容執行結果：dt裡面的文字內容
dd裡面的文字內容
dt與dd內容做對比
dd的內容對比
dd測試對比
說明：一般情況下最好只用乙個dt就好
15.table標籤
跨行、跨列：rolspan colspan
border=16.{}的用法，以span標籤為例："1">
colspan=
"3">
表頭嫦娥
月亮霧霾
北京口罩
測試列前台
防護口罩
span*10+tab鍵當輸入完tab鍵後會有如下**生成：
value=19.checkbox：單選框"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">22023年
type=執行效果："checkbox"
>
勾選表示同意
20.表單分組：
使用者名稱：以上分別為新增legend標籤和不新增legend標籤，執行結果如下：type=
"text"
name=
"username"
>
密碼：type=
"password"
name=
"password"
>
分組2英文名：
type=
"text"
name=
"firstname"
>
英文姓：
type=
"text"
name=
"lastname"
>
21.h1-h6的快速寫法：
h$*6+tab鍵
HTML5新元素之Canvas詳解（1）
元素定義 替代內容 很多不支援html5的瀏覽器，如果那些瀏覽器開啟含有標籤頁面，並不能顯示canvas內容，這裡可以加入替代內容，用以提示使用者公升級瀏覽器。提示內容直接作為元素內容寫在元素內 如下 你的瀏覽器不支援canvas，請公升級瀏覽器 注意 結束標籤是必須的 渲染上下文 建立的固定尺寸的...
HTML5（七） HTML5 表單元素
align center b size large html5 表單元素 size b align html5 的新的表單元素 html5 擁有若干涉及表單的元素和屬性。本章介紹以下新的表單元素 list datalist keygen output list b size medium 瀏覽器支援...
html5行內元素 html5
html5是web中核心語言html的規範，使用者使用任何手段進行網頁瀏覽時看到的內容原本都是html格式的，在瀏覽器中通過一些技術處理將其轉換成為了可識別的資訊。小標題 html 1.塊級元素 獨佔一行，可設定寬高 可以巢狀 劃分區域的容器 語段標籤 編輯器常用 2.行內元素 都在一行內顯示，不能...