html入門之第二篇

html入門之第二篇

表格

table：表格容器

caption：表格标題

tr：定義表格的行

th：定義表頭

td：定義單元格

width：寬度

height:高度

内聯元素（标簽）不可以設定寬高

表格的屬性：（寫在标簽裡面）

border：整個表格的邊框

rowspan：行合并

colspan:列合并

cellpadding：表格中文字距離邊框的間距

cellspacing:單元格之間的距離

align 左右位置：left right center

valign 上下位置 ： top middle bottom

表單

表單：用于收集使用者資訊

form：定義表單的最外層容器

action：表單送出的位址

method：表單送出的方式，控制請求 （ GET/POST請求）

input标簽：用于擷取使用者的輸入

placeholder：輸入提示

以下都是在input标簽中進行

type=“ ”：控制我們控件的類型

1.text：文本輸入框

2.password：密碼輸入框

3.number：數字輸入框

4.date：日期選擇框

5.file：檔案選擇

6.submit：送出按鈕

7.reset：重置按鈕

8.range：範圍選擇 value：可以給定一個值

9.radio：單選按鈕

10.checkbox：多選按鈕

laber标簽為input定義觸發事件

for：将label和input綁定

單選（換選後消失）
<lable for="male">男<input id="male" name="sex" type="radio"></lable>
<lable for="female">女<input id="female" name="sex" type="radio"></lable>

單選（換選後不消失）
<lable for="male">男<input id="male"  type="radio"></lable>
<lable for="male">女<input id="male"  type="radio"></lable>

多選
<lable for="female">女<input id="female" name="sex" type="checkbox"></lable>
<lable for="male">男<input id="male" name="sex" type="checkbox"></lable>

           

div：盒子容器，可以容納其他标簽，也可以多層嵌套，将網頁分塊

span：修飾文字

都沒有預設樣式，需要css進行修飾

div：是塊級元素，每個元素都自動占用一行，新的元素預設下一行，可以設元素的寬高，可嵌套其他元素

span:内聯元素，每個元素大小和中間文本内容大小相同，不可設定寬高，不能嵌套塊級元素

div和span可以通過css互相轉換

audio和video

audio：音頻标簽

src：音頻的位址

controls：控制器

autoplay：自動播放，chrome浏覽器，在66以及以上的版本不允許自動播放音頻

loop：無限循環播放

muted：靜音

preload=“ ”： auto：自動加載音頻資料 none：不加載音頻資料 metadata：提前加載好音頻的中繼資料

preload：可以減少網頁加載請求的資源（用metadata還不錯）

video：視訊标簽

src：視訊的位址

controls：控制器

autoplay：自動播放，chrome浏覽器，在66以及以上的版本不允許自動播放音頻

loop：無限循環播放

muted：靜音

preload=“ ”： auto：自動加載音頻資料 none：不加載音頻資料 metadata：提前加載好音頻的中繼資料

preload：可以減少網頁加載請求的資源（用metadata還不錯）

poster：視訊播放之前顯示的圖檔

css

css：是一種描述html樣式的語言

定義如何展示一個網頁

格式 選擇器{屬性1：值1;屬性2：值2｝----

CSS選擇器

/* 元素選擇器 */
（div也直接稱作元素選擇器）
           

（1）類選擇器

（2）id選擇器

（3）子元素選擇器