今天要介紹的也算是基本內容，個人認為有標題、段落和圖片就能寫出一個不是那麼空虛的網頁，所以在進入HTML的一開始先來介紹這三種元素。

段落<p>

像標題元素一樣顧名思義，段落元素<p>是用來描述一段文字段落（paragraph），瀏覽器預設會自動在段落間做換行和留邊距（margin）。

<p>這裡是第一個段落</p>
<p>這裡是第二個段落</p>

顯示結果：

如果不希望兩段落之間有間距，可以將兩段落寫在同一個<p>元素中，並使用前面有提到的換行元素<br>。

<p>這裡是第一個段落<br>這裡是第二個段落</p>

顯示結果：

圖片<img>

若想在HTML中加入圖片（images），則需要使用圖片元素<img>。

之前有提過，圖片元素是空元素，所以不會有結束標籤，但它有兩個必要的屬性：src屬性（source）和alt屬性（alter）。

• src屬性
  • 用於指定圖片位址，屬性值為圖片的絕對路徑或相對路徑。
  • 雖然說是加入圖片，實際上是從網頁上連接圖片，<img>元素創建的只是被引用圖片的佔位空間。
• alt屬性
  • 無法顯示圖像時，瀏覽器將顯示的替代文本。
  • 大部分時候因為圖片都會正常顯示，我們可能會覺得這個屬性沒什麼作用，但為了避免特殊情況，和顧及到視障者的需求，alt屬性絕對是必要的。

今天就先到這，明天再練習加入圖片及設定大小，我是YQ，明天見。