明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html的區(qū)塊元素

發(fā)表時間：2023-09-06 來源：明輝站整理相關軟件相關文章人氣：

[摘要]區(qū)塊元素有很多,這里先介紹二個非常簡單且常用的<div>和<span> div:也叫塊元素,沒有任何樣式,就是用來劃分頁面功能區(qū)的. span: 也叫內(nèi)聯(lián)元素,同樣也沒有任何樣式,通常用作標簽內(nèi)容的容器. 那么問題來了? 什么是塊元素?自動占據(jù)一行,相當于在元素尾部添加了一...
區(qū)塊元素有很多,這里先介紹二個非常簡單且常用的<div>和<span>

div:也叫塊元素,沒有任何樣式,就是用來劃分頁面功能區(qū)的.

span: 也叫內(nèi)聯(lián)元素,同樣也沒有任何樣式,通常用作標簽內(nèi)容的容器.

那么問題來了?

什么是塊元素?自動占據(jù)一行,相當于在元素尾部添加了一個回車<br>,

特點是可以設置寬度,高度,所以非常適合于頁面布局

什么是內(nèi)聯(lián)元素?內(nèi)聯(lián)元素全部在一行顯示,一行顯示不下會折行,所以也叫行內(nèi)元素,因為它天生

就是用來展示網(wǎng)頁內(nèi)容的,所以不能設置寬度和高度,它的寬高由它內(nèi)部的元素決定的,例如文本,

圖像,表單控件等,當然,他也不需要設定寬高.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.區(qū)塊</title>
</head>
<body>
<div>
<span>今天是個好天氣</span><img src="../images/10.png" height="200">
</div>
</body>
</html>

以上就是html的區(qū)塊元素的詳細內(nèi)容，更多請關注php中文網(wǎng)其它相關文章！


網(wǎng)站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。