HTML 區(qū)塊元素
大多數(shù) HTML 元素被定義為塊級元素或內(nèi)聯(lián)元素民镜。
塊級元素在瀏覽器顯示時就珠,通常會以新行來開始(和結(jié)束)灾螃。
實(shí)例: <h1>, <p>, <ul>無序列表, <table>
HTML 內(nèi)聯(lián)元素
內(nèi)聯(lián)元素在顯示時通常不會以新行開始。
實(shí)例: <b>加重標(biāo)簽, <td>列, <a>超鏈接, <img>
HTML <div> 元素
HTML <div> 元素是塊級元素满力,它可用于組合其他 HTML 元素的容器。
<div> 元素沒有特定的含義废境。除此之外榛泛,由于它屬于塊級元素,瀏覽器會在其前后顯示折行蓖墅。
如果與 CSS 一同使用库倘,<div> 元素可用于對大的內(nèi)容塊設(shè)置樣式屬性。
<div> 元素的另一個常見的用途是文檔布局论矾。它取代了使用表格定義布局的老式方法教翩。使用 <table> 元素進(jìn)行文檔布局不是表格的正確用法。<table> 元素的作用是顯示表格化的數(shù)據(jù)贪壳。
HTML <span> 與元素
HTML <span> 元素是內(nèi)聯(lián)元素饱亿,可用作文本的容器
<span> 元素也沒有特定的含義。
當(dāng)與 CSS 一同使用時闰靴,<span> 元素可用于為部分文本設(shè)置樣式屬性彪笼。
實(shí)例:
<div style="color:#0000FF">
<h3>這是一個在 div 元素中的標(biāo)題。</h3>
<p>這是一個在 div 元素中的文本蚂且。</p>
</div>
<p>我的母親有 <span style="color:blue;font-weight:bold">藍(lán)色</span> 的眼睛配猫,我得父親有 <span style="color:darkolivegreen;font-weight:bold">碧綠色</span> 的眼睛。</p>