? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? day 02??
<a></a>超鏈接標(biāo)簽
1.用于定義一個可以點擊跳轉(zhuǎn)的連接
2 herf：超鏈接跳轉(zhuǎn)的路徑（必有屬性）
?1)內(nèi)網(wǎng)本機路徑散吵，相對路徑和絕對路徑
2）互聯(lián)網(wǎng)路徑龙考，帶http://...的地址
3）本頁：不寫默認跳轉(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對定義內(nèi)容的描述
dl ul赁温、ol坛怪、之間都可以互相嵌套
表格
<table></table>
表格標(biāo)簽 州藕，用于在效果中定義一個表格
border：設(shè)置表格的邊框粗細
width：設(shè)置表格的寬度
<tr></tr>
表格中的行標(biāo)簽，用于定義一個變革行
<td></td>
表格的單元格標(biāo)簽酝陈，用于定義一個表格中的單元格
<th></th>
表格的表頭單元標(biāo)簽床玻，用于在小鍋中定義一個表格行中的表頭單元格
<th>和<td>唯一區(qū)別：<th>內(nèi)容居中加粗
行、列沉帮、單元格锈死、表頭舆逃、數(shù)據(jù)
表格是為了更好的格式化顯示數(shù)據(jù)
單元格合并
<td>或者<th>都有兩個單元格合并屬性：
colspan：跨列合并單元格
rowspan：跨列合并單元格
合并步驟：
1君珠、確定合并那幾個單元格瑰排，確定是跨行還是跨列合并
2杰标、在第一個出現(xiàn)的單元格上書寫合并單元格屬性
3坝茎、合并幾個單元格酗钞，屬性值就寫幾
4勤晚、被合并的單元格必須刪掉
三饰序、內(nèi)聯(lián)與塊標(biāo)簽
<span></span>
內(nèi)聯(lián)標(biāo)簽川背，一行上定義多個元素贰拿，進行內(nèi)容顯示
有多少內(nèi)容，就會占用多大空間
span不會自動換行
<div></div>
塊標(biāo)簽熄云，一行上定義一個一個塊膨更，默認沾滿一行，進行內(nèi)容顯示
適用于大量數(shù)據(jù)展示缴允〖允兀或者用來布局
表單
現(xiàn)實生活中的表單是用來提交信息的，比如：辦理銀行卡填寫的申請表练般、找工作寫的簡歷矗漾、入學(xué)時填寫的
網(wǎng)頁中的表單是用來想服務(wù)器提交信息的，我們最常用的扁擔(dān)就是百度的搜索框
表單標(biāo)簽
<from></from>
用于在效果中定義一個表單
作用：用于體檢用戶填寫額數(shù)據(jù)薄料，提交給服務(wù)器的程序
文本框供用戶輸入敞贡，類似java的Scanner
action ： 將數(shù)據(jù)提交到何處
默認提交到本頁
本機內(nèi)網(wǎng)路徑
? 相對路徑：常用
? 絕對路徑：不建議使用
? 互聯(lián)網(wǎng)路徑：https://www.12306.com/xxx
method : 將數(shù)據(jù)以何種方式提交
默認為get
提交范式可定義為： get或者 post
Get方式提交特點：把數(shù)據(jù)拼接到地址欄上
Post方式提交特點：沒有吧數(shù)據(jù)拼接到地址欄上，而是在請求體中
Get 和Post提交但是區(qū)別
1都办、Get提交的參數(shù)列表拼接到地址欄后面嫡锌，post不會拼接到地址欄
2、get范式提交的數(shù)據(jù)琳钉，敏感信息不全全势木，post但是提交的數(shù)據(jù)相對安全
3、get方式提交的數(shù)據(jù)是有限的歌懒，post方式從理論上提交的數(shù)據(jù)是無限大的
盡量使用post方式提交表單
輸入項標(biāo)簽
<input/>標(biāo)簽
表單輸入項標(biāo)簽之一啦桌，用戶可以在該標(biāo)簽上，通過填寫和選擇，進行數(shù)據(jù)輸入
type ： 設(shè)置該標(biāo)簽的種類
text：文本框甫男，默認
password：密碼框且改，內(nèi)容非明文
radio：單選框，在同一組內(nèi)又單選的效果
chechbox：復(fù)選框板驳，在同一組內(nèi)有復(fù)選鮮果
submit：提交按鈕又跛，用于控制表單提交數(shù)據(jù)
reset：重復(fù)按鈕，用于控制表單提交數(shù)據(jù)
file：附件框若治，用于文件上傳
hidder：隱藏域慨蓝，一般用作提交服務(wù)器需要拿到，單用戶不需要看到的數(shù)據(jù)
button：普通按鈕端幼，需要和js事件一起用
name：單選框礼烈，復(fù)選框進行數(shù)據(jù)的分組，設(shè)置該標(biāo)簽對應(yīng)的參數(shù)名婆跑，要提交數(shù)據(jù)給后臺此熬，西辟邪name
value ：設(shè)置該標(biāo)簽對應(yīng)的參數(shù)值/作為按鈕的名字
checked：設(shè)置單選框/復(fù)選框的默認選中狀態(tài)
readonly：設(shè)置該標(biāo)簽的參數(shù)值只讀，用戶無法手動更改滑进，數(shù)據(jù)是可以正常提交的
disabled：設(shè)置該標(biāo)簽不可用犀忱，參數(shù)值無法更改，并且無法提交
表單點擊提交按鈕郊供，提交數(shù)據(jù)時
url?參數(shù)列表
參數(shù)列表格式 ： 參數(shù)1=參數(shù)值 & 參數(shù)2=參數(shù)值 & 參數(shù)3=參數(shù)值......
峡碉？gender=on (on表示選中)
？gender=male&age=18.....
單選框驮审，用戶只能選擇，不能輸入吉执，蘇姚指定value屬性
文本框疯淫，用戶可以自由輸入，不一定指定value值戳玫，指定表示默認值熙掺，placeholder 表示提示文字
選擇框標(biāo)簽
<select></select> 標(biāo)簽，定義一個下拉選擇框
name：設(shè)置該標(biāo)簽對應(yīng)的參數(shù)名
multipe：設(shè)置選項全部顯示咕宿。并且可以進行多選提交币绩，不寫此屬性默認為單選
<option></optiom>標(biāo)簽，選項標(biāo)簽府阀，為一個選擇框添加一個選項
value：設(shè)置需要提交的參數(shù)值
selected：設(shè)置選項的默認選中狀態(tài)
注意事項：
option的內(nèi)容體一般是用來展示的
參數(shù)值應(yīng)該是option的value屬性值
文本域標(biāo)簽
<textarea></textarea>標(biāo)簽
文本域缆镣，多行文本框
name：設(shè)置標(biāo)簽對應(yīng)的參數(shù)名
文本域和文本框的區(qū)別
1、文本框不能換行试浙，文本域可以
2董瞻、文本框參數(shù)值是value屬性，文本域參數(shù)是標(biāo)簽的內(nèi)容體
提交表單之一事項
提交中文問題
? 為什么使用UPL編碼
? ?正常提交 ： ?password=123&username=zhangsan
?非正常 ： ?password=123#asd&pwe&username=zhangsan
UPL編碼解決方式：特殊符號，中文進行編碼
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 代碼
<!DOCTYPE html>
<html>
? <head>
? <title>內(nèi)聯(lián)與塊標(biāo)簽</title>
? </head>
? <body>
? <form action="target.html">
? 用戶ID<input type="hidden" name="uid" value="123"><br>
? 照片<input type="file" name="photo"><br><br>
? ? ? 用戶名<input type="text" name="username" value="李霜"? placeholder="提示文字"><br><br>
? 密碼<input type="password" name="password" value="123123" disabled="disabled" placeholder="提示文字"><br><br>
? <!--? value 默認值? placeholder 提示文字? readonly钠糊、disabled不能修改-->
? 手機<input type="text" name="phone" value=""? placeholder="手機號"><br><br>
? 郵箱<input type="text" name="Emily" value=""? placeholder="郵箱"><br><br>
? 性別<input type="radio" name="gender" value="male">男
? <input type="radio" name="gender" value="female" >女<br><br>
? 年齡<select name="star">
? <option value="1">18歲以下</option>
? <option value="2">18~25</option>
? <option value="3" >25~35</option>
? <option value="4">35以上</option>
? </select><br><br>
? 愛好<input type="checkbox" name="hobby" value="meinv">美女
? <input type="checkbox" name="hobby" value="movie">游戲
? <input type="checkbox" name="hobby" value="movie">旅游
? <input type="checkbox" name="hobby" value="movie">看書
? <input type="checkbox" name="hobby" value="eat">電影<br><br>
? 戶口所在地<select name="star" >
? <option value="a">東北地區(qū)</option>
? <option value="b">華北地區(qū)</option>
? <option value="c" >華東地區(qū)</option>
? <option value="d">中南地區(qū)</option>
? <option value="d">西南地區(qū)</option>
? <option value="d">西北地區(qū)</option>
? <option value="d">港澳臺特別行政區(qū)</option>
? </select><br><br>
? 你喜歡的明星
? <select name="star" >
? <option value="zy">趙月寧</option>
? <option value="gxw">林青霞</option>
? <option value="qbl">張曼玉</option>
? <option value="zyn">劉亦菲</option>
? </select><br><br>
? 自我介紹<textarea name="info"></textarea><br><br><!--? 多行文本域-->
? <input type="submit" value="注冊">
? <input type="reset" value="重置">
? <!--? 或者 <input type="reset" name="">-->
? <input type="button" value="按鈕"><br><br>
? <button type="submit">提交</button>
? <button type="reset">重置</button>
? <button type="button">按鈕</button>
? </form>
? </body>
</html>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?模擬后臺數(shù)據(jù)庫
<!DOCTYPE html>
<html>
? <head>
? <title>模擬后臺服務(wù)器</title>
? </head>
? <body>
? <h1>提交成功</h1>
? </body>
</html>
