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

html中塊元素與內(nèi)聯(lián)元素的容易說明（代碼解析）

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

[摘要]本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html中塊元素和內(nèi)聯(lián)元素的簡單介紹（代碼解析），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。<!DOCTYPE html> <html><head><meta charset="utf-8&quo...
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html中塊元素和內(nèi)聯(lián)元素的簡單介紹（代碼解析），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>demo</title>
        <!--
            <style type="text/css">
            h1{
                color: red;
            }
            </style>
        -->
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
    </head>
    <body>
        <h1>這是一個漂亮的網(wǎng)頁</h1>
        
        
        <!--
            塊元素，會獨(dú)占一整行；
                div,p,h1,h2,h3,h4,h5,h6 都是塊元素；
                div標(biāo)簽沒有任何語義；是一個純粹的塊，不會有任何默認(rèn)樣式；
                div元素主要對我們的頁面進(jìn)行布局；
                
                ps：p元素不能包含任何塊元素；
        -->
        <div style="background-color: red; width: 200px;">
            我是一個快元素
        </div>
        
        <div style="background-color: yellow;width: 400px;">
            我是一個快元素
        </div>
        
        <hr />
        
        <!--
            內(nèi)聯(lián)元素：只會占用自身的大小，一行占滿后自動換行；、
            常見的內(nèi)聯(lián)元素：
            a,img,iframe,span
            
            span也沒有任何語義，是專門用來選中文字設(shè)置樣式；
            讓span圈一段字，為這段文件進(jìn)行設(shè)置樣式；
            
            一般會在塊元素中放一個span元素；而反過來不行；
            ps：a元素可以包含任意元素；除了a本事；
        -->
        <span>
            I am is a spane
        </span>
        <span>
            I am is a spane
        </span>
    </body>
</html>

相關(guān)推薦：

html元素類型 塊級元素、內(nèi)聯(lián)元素(又叫行內(nèi)元素)和內(nèi)聯(lián)塊級元素。_html/css_WEB-ITnose

HTML__內(nèi)聯(lián)元素與塊元素

以上就是html中塊元素和內(nèi)聯(lián)元素的簡單介紹（代碼解析）的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


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