右鍵→open in default/other browser

alt B/shift alt B

註：ctrl /（語句後，不能換行）

<h1>標題一</h1>

h1-h6(放body裡)

VS中同時多處遊標閃爍：Ctrl D

<p>段落</p>

VScode中自動換行：選單列→檢視→自動換行

b：加粗

u：底線

i：傾斜

s：刪除線

strong：加粗

ins：底線

em：傾斜

del：刪除線

代碼`<img src=” ” alt=” ”>`

屬性：src（目標圖片路徑；快速鍵：./）

屬性：alt（替換文字；圖片載入失敗顯示）

屬性：title（滑鼠懸停顯示提示文字）

屬性：width/height（只寫一個圖片不會變形）

絕對路徑：目錄下的絕對位置，可直接到達目標位置

相對路徑：從目前文件開始出發找目標文件的過程

插入音訊檔案：VScode快捷鍵：./m...（模糊搜尋）

代碼：`<audio src="./music.mp3" controls>文字</audio>`

屬性

插入影片檔案：VScode快捷鍵：./m...（模糊搜尋）

代碼：`<video src="./video.mp4" controls></video>`

屬性

href：點擊之後跳轉哪一個網頁（目標網頁的路徑）

target：目標網頁的開啟形式

ul：表示無序列表整體，用於包裹li標籤

li：表示無序列表的每一項，用於包含每一行的內容

ul標籤只能包含li標籤；li標籤可以包含任意內容

ol：表示有序列表整體，用於包裹li標籤

li：表示有序列表的每一項，用於包含每一行的內容

ol標籤只能包含li標籤；li標籤可以包含任意內容

dl：表示自訂清單整體，用於包裹dt/dd標籤

dt：表示自訂清單標題

dd：表示自訂清單針對主題的每項內容

dl標籤只能包含dt/dd標籤；dt/dd標籤可以包含任意內容

table：表格整體，用於包裝多個tr

tr：表格每行，用於包裹td

td：表格單元格，可用於包裹內容

標籤的巢狀關係：table > tr > td

border=“數字”：邊框寬度

width=“數字”：表格寬度

height=“數字”：表格高度

在表格中表示整體大標題和一列小標題

caption：表格大標題（表格整體的大標題，預設在整體頂部居中位置顯示）

th：表格儲存格（表示一列小標題，通常用於表格第一行，文字加粗並居中）

注意

thead：表格頭部

tbody：表格主體

tfoot：表格底部

table > thead > tr > td

rowspan=「合併儲存格的數量」：跨行合併/垂直合併

colspan=「合併儲存格的數量」：跨列合併/水平合併

基本介紹：input可以透過type屬性值的不同，展示不同效果

text：文字方塊（單行文字）

password：密碼框

radio：單選框

checkbox:複選框

file:檔案選擇

submit：提交按鈕

reset：重置按鈕

botton：普通按鈕

submit：提交按鈕

reset：重置按鈕

botton：普通按鈕

在網頁中提供多個選擇項目的下拉式選單表單控制項

select標籤：下拉式選單的整體

option標籤：下拉式選單的每一項

例：`<select name="year"> <option value="">請選擇年</option> <option value="">1990年</option></select>`

rows：規定了文字域內可見行數

cols：規定了文字域內可見寬度

右下角可以拖曳改變大小；實際開發時針對於樣式效果建議用CSS設定

綁定內容與表單標籤關係

方法一：`<input type="checkbox" id="one">``<label for="one">程式碼</label>`

方法二：`<label><input type="checkbox">熬夜</label>`

實際開發網頁時會大量頻繁的使用到div和span這兩個沒語意的版面標籤

div標籤：一行只顯示一個（獨佔一行）

span標籤：一行可以顯示多個

header：網頁頭部

nav：網頁導航

footer：網頁底部

aside：網頁側邊欄

section：網頁區塊

article：網頁文章

&nbsp； 空格

&lt； 小於號

&gt; 大於號

&amp; 和號&

&quot； 引號

&apos； 撇號（IE不支援）

&cent； 分（錢）

&pound; 鎊

&yen； 元

&euro; 歐元

&sect; 小節

&copy； 版權