iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 14
0
Modern Web

淺談web系列 第 14

鐵人賽DAY14-HTML(二)

一、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


上一篇
鐵人賽DAY13-HTML(一)
下一篇
鐵人賽DAY15-HTML(三)
系列文
淺談web30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言