web前端入門到實戰(zhàn)：html常見的塊元素與內(nèi)聯(lián)（行內(nèi)）元素用法說明

html平時常見的塊元素有：div, p, h2, h3, h4等，內(nèi)聯(lián)元素有：span, a, img等。

登封ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

塊元素的屬性：無論內(nèi)容是什么，都會獨占一整行。主要用于頁面布局。

內(nèi)聯(lián)元素的屬性：只占自身大小的元素，不會占用一行。主要用于選中文本設(shè)置樣式。

div塊元素僅僅只用于進(jìn)行頁面布局，它自身不帶任何默認(rèn)樣式。

span內(nèi)聯(lián)元素可以用來選中文本設(shè)置文本的樣式，其自身不會帶默認(rèn)樣式。

一般情況下，只使用塊元素包含內(nèi)聯(lián)元素，而不會使用內(nèi)聯(lián)元素去包含塊元素。

a元素可以包含任意元素，除了其本身。

p元素不可包含任何的塊元素。


塊元素之div：<br>
    <div >div 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！</div>
    <div >div 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！</div>
    <div >div 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！</div>
    <div >div width=300px 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！</div>
    <div >div width=500px 噫吁嚱，危乎高哉！蜀道之難，難于上青天！蠶叢及魚鳧，開國何茫然！</div>
    塊元素之p：<br>
    <p >p 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。</p>
    <p >p 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。</p>
    <p >p 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。</p>
    <p >p width=300px 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。</p>
    <p >p width=500px 爾來四萬八千歲，不與秦塞通人煙。西當(dāng)太白有鳥道，可以橫絕峨眉巔。</p>
    塊元素之h(h2, h3, h4)：<br>
    <h2 >h2 蜀道難</h2>
    <h3 >h3 蜀道難</h3>
    <h4 >h4 蜀道難</h4>
    <h4 >h4 width=300px 蜀道難</h4>
    <h4 >h4 width=500px 蜀道難</h4>
    內(nèi)聯(lián)元素之span：<br>
    <span >西當(dāng)太白有鳥道，可以橫絕峨眉巔。</span>
    <span >西當(dāng)太白有鳥道，可以橫絕峨眉巔。</span>
    <span >西當(dāng)太白有鳥道，可以橫絕峨眉巔。</span>
    <br>內(nèi)聯(lián)元素之a(chǎn)：<br>
    <a href="#" >地崩山摧壯士死，然后天梯石棧相鉤連。</a>
    <a href="#" >地崩山摧壯士死，然后天梯石棧相鉤連。</a>
    <a href="#" >地崩山摧壯士死，然后天梯石棧相鉤連。</a>
    <a href="#" >地崩山摧壯士死，然后天梯石棧相鉤連。</a>
        web前端開發(fā)學(xué)習(xí)Q-q-u-n： 784783012 ，分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié)，不停更新最新的教程和學(xué)習(xí)方法
（詳細(xì)的前端項目實戰(zhàn)教學(xué)視頻，PDF）

效果顯示（默認(rèn)在谷歌瀏覽器下）：