BODY內的標籤 1

2022-05-19 13:45:14 字數 1921 閱讀 3559

body標籤

- 圖示  (空格) >(>) <(<)

- p 標籤用做段落

- br 換行標籤

*****==小總結*****==

所有標籤分為

塊級標籤:div(白板)h系列(加大加精),p標籤(段落和段落之間有間距)

行內標籤:span標籤(白板)

標籤之間可以巢狀

標籤存在的意義,定位操作,js/css操作

ps:chorme審查元素的使用

- 定位

- 檢視樣式

- input系列

input type="text" - name屬性 - value="預設值"

input type="password" - name屬性 - value="預設值"

input type="submit" - value="提交" 提交按鈕 表單

input type="button" - value="登陸" 按鈕

input type="radio" -單選框 value,name 屬性(name相同則互斥) checked="checked"-預設值

input type="checkbox" -核取方塊 value,name (批量獲取資料) checked="checked"-預設值

input type="file" - 依賴form表單的乙個屬性 enctype="multipart/form-data"

input type="reset" - 重置

- name屬性 多行文字輸入

select - name,option內的value 提交資料,size預設顯示數量,multiple多選

optgroup 分組顯示 lable分組名稱無法選中

- a 標籤

- 跳轉

- 錨 href="#某個id" id唯一不能重複

- 列表

- ul

- li

- ot

- li

- dl

- dt

- dd

- img

- src 位址

- title 提示

- alt

- **

- table

- thead

- tr

- th

- tbody

- tr

- td

colspan="" 列合併

rowspan="" 行合併

- label

用與獲取游標

使用者名稱:

- fieldset

- legend

- css

- 在標籤內設定style屬性

height:50px;

background-color: #09ff9c;

- 編寫css樣式

1. 標籤的style屬性中寫

2. 寫在head裡面,style標籤中寫樣式

- id選擇區

#i1- class 選擇器

.名稱《標籤 class="名稱">

- display

- display:none--讓標籤消失

- display:inline 塊級標籤轉換成行內標籤

- display:block 行內標籤轉換成塊級標籤

- display:inlin-block

- 行內標籤無法設定高度,寬度,padding,margin

- 塊級標籤可以設定高度,寬度,padding,margin

- inlin-block 讓行內標籤可以設定 高度,寬度,padding,margin

- padding margin

- 邊距

- margin 外邊距

- margin:0 auto 子標籤居中

- padding 內邊距

body內常用標籤

特殊字元 大於 小於 更多特殊字元 here 作用 p標籤表示段落 body p 吃葡萄不吐葡萄皮,不吃葡萄倒吐葡萄皮 p p 吃葡萄不吐葡萄皮,不吃葡萄倒吐葡萄皮 p p 吃葡萄不吐葡萄皮,不吃葡萄倒吐葡萄皮 作用 換行,這邊br標籤是自閉合標籤,可以直接寫 也可以寫成 p 吃葡萄不吐葡萄皮,br...

body 標籤的屬性

1 背景顏色 bgcolor body bgcolor rrggbb 2 背景圖案 background body background 圖形檔名 3 設定背景圖案不會捲動 bgproperties body bgproperties fixed 4 設定整個網頁中的文字顏色 text body t...

body標籤學習

body標籤學習 作用 body標籤中的內容主要是用來顯示真實使用者資料的。使用 標題標籤 body標籤學習 body標籤學習 body標籤學習 body標籤學習 body標籤學習 body標籤學習 北京這個城市真的是大,承載了很多年輕人的夢想,有人成功,有人失敗。北京這個城市真的是大,承載了很多年...