進擊の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!
而這最主要的第三點,就是想讓你,自己去百度上查閱一下相關的資料
自主學習,總比別人嚼碎了喂你要記得清楚!