您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了html的區塊元素怎么用,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶大家一起來研究并學習一下“html的區塊元素怎么用”這篇文章吧。
1、簡易性:超級文本標記語言版本升級采用超集方式,從而更加靈活方便,適合初學前端開發者使用。 2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言采取子類元素的方式,為系統擴展帶來保證。 3、平臺無關性:超級文本標記語言能夠在廣泛的平臺上使用,這也是萬維網盛行的一個原因。 4、通用性:HTML是網絡的通用語言,它允許網頁制作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
區塊元素有很多,這里先介紹二個非常簡單且常用的<div>和<span>
div:也叫塊元素,沒有任何樣式,就是用來劃分頁面功能區的.
span: 也叫內聯元素,同樣也沒有任何樣式,通常用作標簽內容的容器.
那么問題來了?
什么是塊元素?自動占據一行,相當于在元素尾部添加了一個回車<br>,
特點是可以設置寬度,高度,所以非常適合于頁面布局
什么是內聯元素?內聯元素全部在一行顯示,一行顯示不下會折行,所以也叫行內元素,因為它天生
就是用來展示網頁內容的,所以不能設置寬度和高度,它的寬高由它內部的元素決定的,例如文本,
圖像,表單控件等,當然,他也不需要設定寬高.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2.區塊</title> </head> <body> <div> <span>今天是個好天氣</span><img src="../images/10.png" height="200"> </div> </body> </html>
以上就是關于“html的區塊元素怎么用”的內容,如果改文章對你有所幫助并覺得寫得不錯,勞請分享給你的好友一起學習新知識,若想了解更多相關知識內容,請多多關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。