国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML <div> 和<span>

HTML 區(qū)塊級元素<div> 和行內元素<span>


區(qū)塊級元素寬度充滿整個瀏覽器可見區(qū)域,一般一行只能有一個區(qū)塊級元素?

?行內元素的寬度一般以元素內的文字內容為準,區(qū)塊級元素內可以放置多個行內元素

實例

先看一下區(qū)塊級元素<div> 和行內元素<span>的特性

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<div style="border: 1px solid red;">
    hello
</div>
<span style="border: 1px solid blue;">world</span>
</body>
</html>

程式運作結果:

1.jpg


區(qū)塊級元素<div>

#區(qū)塊級元素會獨佔一行,預設情況下,寬度會自動填滿父元素寬度。因此,多個跨級元素都是從上到下在多行顯示的。

區(qū)塊級元素:div, p, form,? ul, li, ol, dl, table ……


#行內元素<span>

##行內元素不會獨佔一行,其寬度隨裡面的內容而變化,多個行內元素會緊鄰排在一行內,直到一行排不下才會換行

行內元素:span,? strong,? em, br, img, input, label, select, textarea, cite……


###HTML 分組標籤#####################
? ? ?#? ? #?描述


##? ??<div>

定義了文件的區(qū)域,區(qū)塊級(block-level)############? ??<span>###########? ??<span>##### #用來組合文件中的行內元素, 內聯(lián)元素(inline)###############################我們前面學習了那麼多標籤,我們下一節(jié)會教大家怎麼利用那些標籤來做個簡單的網(wǎng)頁版面#############
繼續(xù)學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <div style="border: 1px solid red;"> div 塊級元素 </div> <span style="border: 1px solid blue;">span行內元素</span> </body> </html>