iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
0

今天要來講的是網頁body標籤裡的功能介紹,再次強調,body內的東西,就是你希望在瀏覽網頁時可以看到的。

body內的元素有分成2種:區塊元素、行內元素。
所謂區塊元素就是預設占滿整個寬度的空間,而行內元素是指元素左右排列,不會自動換行的。

常見的HTML標籤

  • h1、h2、h3、h4、h5、h6
  • p
  • div
  • br
  • table
  • ul、ol
  • a
  • span
  • img

以上是比較常被大家使用在網頁設計上的功能,那麼就讓我來逐一介紹吧!

h1、h2、h3、h4、h5、h6

用來設定大標題,h1到h6為由大到小不同尺寸的標題,以下示範:

h1

h2

h3

h4

h5
h6

可以簡單的用標題大小來凸顯網頁中資料的重要程度。

p

顯示文章段落的功能
有時候我們會在網頁中放上自己的文章,利用<p></p> 就可以自動幫你分出段落。

當然,單純的文字和句子可能稍微平淡些,如果想針對文字做顏色或特效上的創意,可以配上CSS的功能或是符號輔助來完成,不過這都是後面才要談的啦~
今天所介紹的<h1></h1> 系列和 <p></p>標籤是最常被使用在文字上的功能,接下來還有更多的標籤喔!


上一篇
Day02-推薦的網頁編輯器 / 網頁的架構
下一篇
Day04-HTML標籤(2) / 網頁超連結
系列文
每個人都可以做出理想中的網站!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言