iT邦幫忙

0

HTML筆記(04)-HTML裡的formatting

  • 分享至 

  • xImage
  •  

在html裡面有分成區塊層級(block level)行內層級(inlinelevel)
前者在瀏覽器會是新的一行且是整個區塊呈現;
後者不會有新的一行,呈現是你的內容物有多大他就有多大,
請看以下範例,藍色底線為占用的空間。
yaling0
上方為區塊層級,佔用了一整個版面的區塊
yaling1
上方為行內層級,佔用了內容的大小

1.區塊格式(block formatting):用來標示段落的樣式,呈現方式為整個區塊
<h1>~<h6> (標題1~6)、<p> (段落)、<hr>(水平線)、<blockquote>(左右縮排)、<div>(群組成一個block)、marquee>(跑馬燈)、<pre>(預先格式化)...這些都屬於區塊層級

2.文字格式(text formatting):表示文字呈現的方式,皆有end tag
<b>粗體、<i>斜體、<u>底線、<sub>下標、<sup>上標、<small>小字型、<code>程式碼、<em>強調斜體、<strong>強調粗體、<s>刪除字、<span>群組成一行.....
→建議可以用CSS進行文字的編輯,讓程式碼更有易讀性

之後會再介紹上述標籤的使用時機及呈現結果

參考資料:

HTML5、JavaScript、CSS、XHTML、Ajax網頁程式設計 (第五版) (電子書)-陳惠貞/碁峰/2015/01/27
https://www.w3schools.com/


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言