HTML笔记(04)-HTML里的formatting

在html里面有分成区块层级(block level)及行内层级(inlinelevel)，
前者在浏览器会是新的一行且是整个区块呈现；
后者不会有新的一行，呈现是你的内容物有多大他就有多大，
请看以下範例，蓝色底线为占用的空间。

上方为区块层级，佔用了一整个版面的区块

上方为行内层级，佔用了内容的大小

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/