一、HTML屬性
屬性以name="value"的形式表達,寫在元素的起始標籤內,為該元素增加功能,以下介紹常用的幾個屬性:
1.href:HTML的連結元素是<a>…</a>
,設定href屬性就可以指定所要連結的網址,例如:<a href="https://ithelp.ithome.com.tw/users/20120960">我的主頁</a>
2.src:HTML的圖像元素是<img>
,設定src屬性就可以指定所要的圖片,例如:<img src="img_girl.jpg">
3.width:HTML的圖像元素是<img>
,設定width屬性可以指定該圖片的寬度,例如:<img src="img_girl.jpg" width="500">
4.height:HTML的圖像元素是<img>
,設定width屬性可以指定該圖片的高度,例如:<img src="img_girl.jpg" height="600">
5.alt:HTML的圖像元素是<img>
,設定alt屬性可以在圖檔無法顯示時以該文字代替,例如:<img src="img_girl.jpg" alt="Girl with a jacket" >
6.style:設定style屬性可以指定元素的顏色、字體、大小……等,例如:<p style="color:red">Text</p>
7.title:設定title元素可以使滑鼠移動至該物件上時顯示該段文字,例如:<p title="I'm a tooltip">This is a paragraph.</p>
二、HTML文字格式
元素 | 效果 |
---|---|
<b>…</b> |
粗體字 |
<strong>…</strong> |
重要文字(似粗體字) |
<i>….</i> |
斜體字 |
<em>…</em> |
強調文字(似斜體字) |
<mark>…</mark> |
螢光筆 |
<small>…</small> |
字變小 |
<big>…</big> |
字變大 |
<del>…</del> |
刪除的文字 |
<ins>…</ins> |
加入的文字 |
<sub>…</sub> |
下標 |
<sup>…</sup> |
上標 |
參考資料:
1.https://www.w3schools.com/html/html_attributes.asp
2.https://www.w3schools.com/html/html_formatting.asp