前端學習(六):body標簽(四)


進擊のpython

*****

前端學習——body標簽


關於前面的都是大部分的標簽內容

但是就像衣服一樣,除了要有,還要放到適當的位置

我們先來看看一下網頁的布局:

就可以看出來,網頁都是一塊一塊的,而像這種分塊的操作,就像是一個盒子一個盒子的緊湊拼接

那我們這節講的就是用來拼湊的盒子——div&span


div&span

在網頁制作中,我們可以把一些獨立的邏輯部分划分出來,放在一個div標簽中

這個<div>標簽的作用就相當於一個容器,把我們想要的內容給裝起來

div的意思是division “分割”的意思,span的意思是“范圍、跨度”

首先,在使用div標簽的使用,我們要確定哪兒是邏輯部分?

它是頁面上相互關聯的一組元素。如網頁中農的獨立的欄目板塊,就是一個典型的邏輯部分

就像圖中用紅線框出的部分就是一個邏輯部分,那么我們就可以使用<div>標簽作為容器

寫個代碼例子吧:

<div>
    <div>
        <h2>熱門學科</h2>
        <ul>
            <li>python</li>
            <li>web前端</li>
            <li>linux</li>
            <li>go</li>
        </ul>
    </div>
    <div>
        <h2>學科排名</h2>
        <ol>
            <li>web前端</li>
            <li>python</li>
            <li>go</li>
            <li>linux</li>
        </ol>
    </div>
</div>

你會發現沒什么區別,那是因為這現在只是個盒子,等到將他套上小裝飾,它的作用就出來了!


其實你發現我有好多屬性都沒有寫,比如textarea的對字數的限制啊,對行數的限制啊

圖片對大小的控制啊,等比例縮放啊

... ....

沒說的有很多!為什么?一是這些屬性不碰到特定的情況理解不上去,碰到了就指定會跟你說

二是,里面有一些是關於CSS的相關知識,既然是html那么就是html,純粹的html!

而這最主要的第三點,就是想讓你,自己去百度上查閱一下相關的資料

自主學習,總比別人嚼碎了喂你要記得清楚!


*****
*****


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM