作業(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