特別要注意的部分是,HTML內的元素排序為巢狀結構,就是像洋蔥一樣一層一層地包覆。
以範例「今天是第五天」來說,假如要將「第五天」顯示為粗體,就必須在「第五天」的左右兩邊分別加上粗體的起始標籤<strong>
及結束標籤</strong>
。
<p>今天是第五天</p>
<p>今天是<strong>第五天</strong></p>
顯示結果:
昨天有提到大部分元素會包含起始標籤、內容及結束標籤,而少部分只有起始標籤的元素,就稱為「空元素」。以下舉一些常見的例子。
<meta>
<head>
中<meta charset="UTF-8">
<link>
<head>
中rel
屬性和href
屬性一起使用,常用於引入CSS檔<link rel="stylesheet" href="style.css">
<img>
src
屬性和alt
屬性一起使用<img src="https://www.google.com.tw/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="Google商標">
顯示結果:
<br>
<br>
元素使用enter鍵:
<p>在HTML中想要幫段落換行
直接按Enter鍵只會顯示一個空格
必須使用換行元素才能成功換行</p>
顯示結果:
使用<br>
<p>在HTML中想要幫段落換行<br>直接按Enter鍵只會顯示一個空格<br>必須使用換行元素才能成功換行</p>
顯示結果:
原本只想用一天簡單介紹HTML和元素構成,不知不覺內容越來越多,但又不希望每篇的內容太長,只好分成兩天。雖然都是一些很基礎的內容,但做任何事情打好基礎是很重要的開始。那今天就到這邊,我是YQ,明天見。