GinaH-飾品、食旅

屬性代表意義

1.a：anchor意為錨，取其第一個字做為代表，表示網頁連結。

2.href：hypertext reference為超文本參考，網址連結寫在後面。

3.target：在什麼地方打開連結。有以下幾個值。

(1)_self：預設，在當前視窗開啟。

p：內文，必須用<p></p>，內容包夾其中，句子間會空一行。

br：

1. 用在句子分行，句尾加<br>或<br/>，句子間不會空一行。
2. br可以用在句子分行，p則可以用在分段，差別如下。

hr：句尾加<hr>或<hr/>，句子間會有一條分隔線。

1. img：image，圖片。
2. src：source，放圖片來源，圖片來源分為絕對路徑及相對路徑。
3. alt：alternative text(替代文字)，給視障者觀看。
4. width, height：寬度與長度，也可在CSS設定，若無設定，會依圖的原尺寸。

路徑開頭：

1.  .：同層資料夾，可省略。
2.  ..：上一層資料夾，若目前停留在根目錄，則在目前所在目錄。
3.  /：各資料夾間的分隔，後面的資料夾為子目錄。若/放在路徑前，代表後面的資料夾為根目錄。

絕對路徑：

h1-h6為HTML裡文章的標題，h為heading的意思；p是文章段落，是paragraph的意思。

寫法及網頁顯示

Vscode上，h1~h6及p的撰寫方式，HTML內容大多為兩個標籤包夾，如<h1>標題</h1>，少數只用一個標籤即可。

用Emmet這個套件，可以用標籤與快速鍵，建立一個完整的html。可以有效率的寫程式。

在VS Code、Sublime Text 還有線上網站 codepen 、JS Bin、JS Fiddle 都可以使用。

1  >：建立裡面的子層。

例：ul>li>p