2020-03-08

作業(yè)


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

<a></ a>超鏈接標簽

1.用于定義一個可以點擊跳轉的連接

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

?1)內網本機路徑丘逸,相對路徑和絕對路徑

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

3)本頁:不寫默認跳轉本頁晚顷,相當于#

3 注意:

1)a標簽內容體家凯,不僅僅是文字,也可以是其他內容署鸡,例如圖片

2)a標簽的href屬性案糙,不僅僅可以鏈接到html上限嫌,也可以鏈接到其他文件上,

列表

1無序列表 ul li

? 2.有序列表 ol li

3.定義列表dl? ?dt 被定義的內容? ?dd對定義內容的描述

dl ul时捌、ol怒医、之間都可以互相嵌套

表格

<table></table>

表格標簽 ,用于在效果中定義一個表格

border:設置表格的邊框粗細

width:設置表格的寬度

<tr></tr>

表格中的行標簽匣椰,用于定義一個變革行

<td></td>

表格的單元格標簽裆熙,用于定義一個表格中的單元格

<th></th>

表格的表頭單元標簽,用于在小鍋中定義一個表格行中的表頭單元格

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

行禽笑、列入录、單元格、表頭佳镜、數(shù)據

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

單元格合并

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

<th>內容居中加粗

行僚稿、列、單元格蟀伸、表頭蚀同、數(shù)據

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

單元格合并

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

colspan:跨列合并單元格

rowspan:跨列合并單元格

合并步驟:

1、確定合并那幾個單元格啊掏,確定是跨行還是跨列合并

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

3、合并幾個單元格迟蜜,屬性值就寫幾

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

三、內聯(lián)與塊標簽

<span></span>

內聯(lián)標簽娜睛,一行上定義多個元素髓霞,進行內容顯示

有多少內容,就會占用多大空間

span不會自動換行

<div></div>

塊標簽畦戒,一行上定義一個一個塊方库,默認沾滿一行,進行內容顯示

適用于大量數(shù)據展示障斋∽萘剩或者用來布局

表單

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

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

默認為get

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

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

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

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

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

2、get范式提交的數(shù)據晴裹,敏感信息不全全被济,post但是提交的數(shù)據相對安全

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

盡量使用post方式提交表單

輸入項標簽

<input/>標簽

表單輸入項標簽之一只磷,用戶可以在該標簽上,通過填寫和選擇泌绣,進行數(shù)據輸入

type

設置該標簽的種類

text:文本框钮追,默認

password:密碼框,內容非明文

radio:單選框阿迈,在同一組內又單選的效果

chechbox:復選框元媚,在同一組內有復選鮮果

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

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

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

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

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

name:單選框,復選框進行數(shù)據的分組识樱,設置該標簽對應的參數(shù)名嗤无,要提交數(shù)據給后臺,西辟邪name

value :設置該標簽對應的參數(shù)值/作為按鈕的名字

checked:設置單選框/復選框的默認選中狀態(tài)

readonly:設置該標簽的參數(shù)值只讀怜庸,用戶無法手動更改当犯,數(shù)據是可以正常提交的

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

表單點擊提交按鈕嚎卫,提交數(shù)據時

url?參數(shù)列表

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

?gender=on (on表示選中)

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

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

文本框恰响,用戶可以自由輸入,不一定指定value值涌献,指定表示默認值胚宦,placeholder 表示提示文字

選擇框標簽

<select></select> 標簽,定義一個下拉選擇框

name:設置該標簽對應的參數(shù)名

multipe:設置選項全部顯示燕垃。并且可以進行多選提交枢劝,不寫此屬性默認為單選

<option></optiom>標簽,選項標簽卜壕,為一個選擇框添加一個選項

v

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末您旁,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子轴捎,更是在濱河造成了極大的恐慌鹤盒,老刑警劉巖蚕脏,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異侦锯,居然都是意外死亡驼鞭,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進店門尺碰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來挣棕,“玉大人,你說我怎么就攤上這事亲桥÷逍模” “怎么了?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵题篷,是天一觀的道長皂甘。 經常有香客問我,道長悼凑,這世上最難降的妖魔是什么偿枕? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮户辫,結果婚禮上渐夸,老公的妹妹穿的比我還像新娘。我一直安慰自己渔欢,他們只是感情好墓塌,可當我...
    茶點故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著奥额,像睡著了一般苫幢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上垫挨,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天韩肝,我揣著相機與錄音,去河邊找鬼九榔。 笑死哀峻,一個胖子當著我的面吹牛,可吹牛的內容都是我干的哲泊。 我是一名探鬼主播剩蟀,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼切威!你這毒婦竟也來了育特?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤先朦,失蹤者是張志新(化名)和其女友劉穎缰冤,沒想到半個月后槽袄,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡锋谐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了截酷。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片涮拗。...
    茶點故事閱讀 40,488評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖迂苛,靈堂內的尸體忽然破棺而出三热,到底是詐尸還是另有隱情,我是刑警寧澤三幻,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布就漾,位于F島的核電站,受9級特大地震影響念搬,放射性物質發(fā)生泄漏抑堡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一朗徊、第九天 我趴在偏房一處隱蔽的房頂上張望首妖。 院中可真熱鬧,春花似錦爷恳、人聲如沸有缆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽棚壁。三九已至,卻和暖如春栈虚,著一層夾襖步出監(jiān)牢的瞬間袖外,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工魂务, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留在刺,地道東北人。 一個月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓头镊,卻偏偏與公主長得像蚣驼,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子相艇,可洞房花燭夜當晚...
    茶點故事閱讀 45,500評論 2 359

推薦閱讀更多精彩內容

  • 第2天上課內容 我們今天學習了超鏈接標簽颖杏,列表,表格坛芽,內聯(lián)...
    哈哈哈額哈哈哈閱讀 296評論 0 0
  • day 02 超鏈接標簽 1.用于定義一個可以點擊跳...
    李霜_9191閱讀 340評論 0 0
  • 一 列表1 無序列表 ul li 2 有序列表 ol li 3 定義列表 dl dt表示被定義的內容 dd表示對定...
    你養(yǎng)豬嗎閱讀 220評論 0 0
  • 瀏覽器與服務器的基本概念 瀏覽器(安裝在電腦里面的一個軟件) 作用: ①將網頁內容渲染呈現(xiàn)給用戶查看留储。 ②讓用戶通...
    云還灬閱讀 1,127評論 0 0
  • img標簽 功能:告訴瀏覽器需要顯示一張圖片; 參數(shù):width翼抠、height、src获讳、title阴颖、alt;wid...
    Latte_Bear閱讀 562評論 0 0