iT邦幫忙

2022 iThome 鐵人賽

DAY 5
0
自我挑戰組

網頁設計相關系列 第 5

<Day5> 網頁設計相關/HTML排版

  • 分享至 

  • xImage
  •  

HTML主要是控制網頁前台的排版架構,網頁被點開後映入眼簾的第一句話便是標題,先前我們都是用內文的方式在處理文字型態,現在我們嘗試加入不同的標題,大標題、小標題、子標題等,
https://ithelp.ithome.com.tw/upload/images/20220917/20152365RvPBRButYh.jpg
https://ithelp.ithome.com.tw/upload/images/20220917/20152365nC9vtKTu2E.jpg
我們用h1,h2,h3...,區別不同階層的標題,h表達的是Heading,一般來說h1只會出現一次,是全文中最重要的title,其他h2,h3等則依設計者想表達的層級做使用,有些人會想說統一用p Tag再用CSS改變字型大小來製造出大標題跟子標題的差異,但是不建議這麼使用,畢竟Tag是要讓電腦分出差異,用CSS改變字型無法讓電腦分出差異,會造成抓不到重點或抓錯重點的情況發生。
目前提到的標籤都有Opening Tag跟Closing Tag,也有些特殊標籤是不需要Closing Tag的,如
https://ithelp.ithome.com.tw/upload/images/20220917/20152365oOy8lGFL0c.jpghttps://ithelp.ithome.com.tw/upload/images/20220917/201523658cRqRV9uq0.jpg
br Tag是用來分行的標籤,表示line break,是個空元素所以不需要Closing Tag。(在p Tag的Closing跟Opening Tag中間按Enter是沒有用的喔~)


上一篇
<Day4> 網頁設計相關/HTML巢狀結構
系列文
網頁設計相關5
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言