HTML+CSS基礎學習筆記（3）

標籤：

一、提交按鈕、重設按鈕

 1、type="submit"　提交按鈕

2、type="reset"   重設按鈕

 

二、form表單中的label標籤

格式：

<label  for="控制項id名稱">

注意：

標籤的for屬性中的值應當與相關控制項的id屬性值一定要相同

理解：

label的作用就是獲得焦點，在上面例子中，把滑鼠移動到文字上(慢跑、登山、籃球)，同樣可以啟用控制項進行選擇，但是如果不加label標籤，滑鼠就必須移動到控制項上面。

 

三、認識div在排版中的作用

<div>標籤的作用相當於一個容器，在網頁製作過程中，可以把一些獨立的邏輯部分劃分出來，放在一個<div>標籤中。

什麼是邏輯部分？

它是頁面上相互關聯的一組元素。如所示：紅色邊框標出的部分就是一個邏輯部分，可以使用<div>標籤作為容器。

給div命名，使邏輯更加清晰！

把一些標籤放入<div>中，劃分出一個獨立的邏輯部分。為使邏輯更加清晰，為這一個獨立的邏輯部分設定一個名稱，這個名稱是唯一的。

格式：

<div  id="版塊名稱">...</div>

 

HTML+CSS基礎學習筆記（3）