2020-03-08

作業(yè)


? ? ? ? ? ? ? ? ? ? ? day 02

<a></ a>超鏈接標(biāo)簽

1.用于定義一個(gè)可以點(diǎn)擊跳轉(zhuǎn)的連接

2 herf:超鏈接跳轉(zhuǎn)的路徑(必有屬性)

?1)內(nèi)網(wǎng)本機(jī)路徑,相對(duì)路徑和絕對(duì)路徑

2)互聯(lián)網(wǎng)路徑,帶http://...的地址

3)本頁:不寫默認(rèn)跳轉(zhuǎn)本頁,相當(dāng)于#

3 注意:

1)a標(biāo)簽內(nèi)容體,不僅僅是文字,也可以是其他內(nèi)容,例如圖片

2)a標(biāo)簽的href屬性,不僅僅可以鏈接到html上,也可以鏈接到其他文件上,

列表

1無序列表 ul li

? 2.有序列表 ol li

3.定義列表dl? ?dt 被定義的內(nèi)容? ?dd對(duì)定義內(nèi)容的描述

dl ul、ol、之間都可以互相嵌套

表格

<table></table>

表格標(biāo)簽 ,用于在效果中定義一個(gè)表格

border:設(shè)置表格的邊框粗細(xì)

width:設(shè)置表格的寬度

<tr></tr>

表格中的行標(biāo)簽,用于定義一個(gè)變革行

<td></td>

表格的單元格標(biāo)簽,用于定義一個(gè)表格中的單元格

<th></th>

表格的表頭單元標(biāo)簽,用于在小鍋中定義一個(gè)表格行中的表頭單元格

<th>和<td>唯一區(qū)別:<th>內(nèi)容居中加粗

行、列、單元格、表頭、數(shù)據(jù)

表格是為了更好的格式化顯示數(shù)據(jù)

單元格合并

<td>或者<th>都有兩個(gè)單元格合并屬性

<th>內(nèi)容居中加粗

行、列、單元格、表頭、數(shù)據(jù)

表格是為了更好的格式化顯示數(shù)據(jù)

單元格合并

<td>或者<th>都有兩個(gè)單元格合并屬性:

colspan:跨列合并單元格

rowspan:跨列合并單元格

合并步驟:

1、確定合并那幾個(gè)單元格,確定是跨行還是跨列合并

2、在第一個(gè)出現(xiàn)的單元格上書寫合并單元格屬性

3、合并幾個(gè)單元格,屬性值就寫幾

4、被合并的單元格必須刪掉

三、內(nèi)聯(lián)與塊標(biāo)簽

<span></span>

內(nèi)聯(lián)標(biāo)簽,一行上定義多個(gè)元素,進(jìn)行內(nèi)容顯示

有多少內(nèi)容,就會(huì)占用多大空間

span不會(huì)自動(dòng)換行

<div></div>

塊標(biāo)簽,一行上定義一個(gè)一個(gè)塊,默認(rèn)沾滿一行,進(jìn)行內(nèi)容顯示

適用于大量數(shù)據(jù)展示?;蛘哂脕聿季?/p>

表單

現(xiàn)實(shí)生活中的表單是用來提交信息的

將數(shù)據(jù)以何種方式提交

默認(rèn)為get

提交范式可定義為: get或者 post

Get方式提交特點(diǎn):把數(shù)據(jù)拼接到地址欄上

Post方式提交特點(diǎn):沒有吧數(shù)據(jù)拼接到地址欄上,而是在請(qǐng)求體中

Get 和Post提交但是區(qū)別

1、Get提交的參數(shù)列表拼接到地址欄后面,post不會(huì)拼接到地址欄

2、get范式提交的數(shù)據(jù),敏感信息不全全,post但是提交的數(shù)據(jù)相對(duì)安全

3、get方式提交的數(shù)據(jù)是有限的,post方式從理論上提交的數(shù)據(jù)是無限大的

盡量使用post方式提交表單

輸入項(xiàng)標(biāo)簽

<input/>標(biāo)簽

表單輸入項(xiàng)標(biāo)簽之一,用戶可以在該標(biāo)簽上,通過填寫和選擇,進(jìn)行數(shù)據(jù)輸入

type

設(shè)置該標(biāo)簽的種類

text:文本框,默認(rèn)

password:密碼框,內(nèi)容非明文

radio:?jiǎn)芜x框,在同一組內(nèi)又單選的效果

chechbox:復(fù)選框,在同一組內(nèi)有復(fù)選鮮果

submit:提交按鈕,用于控制表單提交數(shù)據(jù)

reset:重復(fù)按鈕,用于控制表單提交數(shù)據(jù)

file:附件框,用于文件上傳

hidder:隱藏域,一般用作提交服務(wù)器需要拿到,單用戶不需要看到的數(shù)據(jù)

button:普通按鈕,需要和js事件一起用

name:?jiǎn)芜x框,復(fù)選框進(jìn)行數(shù)據(jù)的分組,設(shè)置該標(biāo)簽對(duì)應(yīng)的參數(shù)名,要提交數(shù)據(jù)給后臺(tái),西辟邪name

value :設(shè)置該標(biāo)簽對(duì)應(yīng)的參數(shù)值/作為按鈕的名字

checked:設(shè)置單選框/復(fù)選框的默認(rèn)選中狀態(tài)

readonly:設(shè)置該標(biāo)簽的參數(shù)值只讀,用戶無法手動(dòng)更改,數(shù)據(jù)是可以正常提交的

disabled:設(shè)置該標(biāo)簽不可用,參數(shù)值無法更改,并且無法提交

表單點(diǎn)擊提交按鈕,提交數(shù)據(jù)時(shí)

url?參數(shù)列表

參數(shù)列表格式 : 參數(shù)1=參數(shù)值 & 參數(shù)2=參數(shù)值 & 參數(shù)3=參數(shù)值......

?gender=on (on表示選中)

?gender=male&age=18.....

單選框,用戶只能選擇,不能輸入,蘇姚指定value屬性

文本框,用戶可以自由輸入,不一定指定value值,指定表示默認(rèn)值,placeholder 表示提示文字

選擇框標(biāo)簽

<select></select> 標(biāo)簽,定義一個(gè)下拉選擇框

name:設(shè)置該標(biāo)簽對(duì)應(yīng)的參數(shù)名

multipe:設(shè)置選項(xiàng)全部顯示。并且可以進(jìn)行多選提交,不寫此屬性默認(rèn)為單選

<option></optiom>標(biāo)簽,選項(xiàng)標(biāo)簽,為一個(gè)選擇框添加一個(gè)選項(xiàng)

v

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第2天上課內(nèi)容 我們今天學(xué)習(xí)了超鏈接標(biāo)簽,列表,表格,內(nèi)聯(lián)...
    哈哈哈額哈哈哈閱讀 345評(píng)論 0 0
  • day 02 超鏈接標(biāo)簽 1.用于定義一個(gè)可以點(diǎn)擊跳...
    李霜_9191閱讀 401評(píng)論 0 0
  • 一 列表1 無序列表 ul li 2 有序列表 ol li 3 定義列表 dl dt表示被定義的內(nèi)容 dd表示對(duì)定...
    你養(yǎng)豬嗎閱讀 234評(píng)論 0 0
  • 瀏覽器與服務(wù)器的基本概念 瀏覽器(安裝在電腦里面的一個(gè)軟件) 作用: ①將網(wǎng)頁內(nèi)容渲染呈現(xiàn)給用戶查看。 ②讓用戶通...
    云還灬閱讀 1,284評(píng)論 0 0
  • img標(biāo)簽 功能:告訴瀏覽器需要顯示一張圖片; 參數(shù):width、height、src、title、alt;wid...
    Latte_Bear閱讀 680評(píng)論 0 0

友情鏈接更多精彩內(nèi)容