接下來,另一個學習概念是Block Level 與 Inline Level。
原來,每一個html tag都可分為Block Level或Inline Level。
Block Level就是兩個tag之間,會自動格一行。p, h1, h2, h3等等的tag都屬於Block Level。
Inine Level就是兩個tag之間,會自動格一行。a, img等等的tag都屬於Block Level。
然後,我們要學習多兩個常用的tag。它們就是div和span
div和span本身都是沒有意思的。但我們會常常用到它們。它們的主要作用是做grouping,就是包著一堆字或HTML tag,讓日後我們更容易為它們加上CSS。
<div>屬於Block Level,用作group一堆HTML tag,例如
<div>
<h1>Some content</h1>
<h1>Some content</h1>
<p>Some content</p>
</div>
<span>屬於Inline Level,用作group一堆字,例如
<p>This is some <span>Some content</span></p>
請大家都在Brackets上試試看!
此文章轉載自鬍子科技學院http://mtache.com/html