<a></a>超鏈接標(biāo)簽1.用于定義一個可以點擊跳轉(zhuǎn)的連接2 herf：超鏈接跳轉(zhuǎn)的路徑（必有屬性）?1)內(nèi)網(wǎng)本機路徑，相對路徑和絕對路徑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對定義內(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)簽蓝撇，一行上定義一個一個塊果复，默認(rèn)沾滿一行，進行內(nèi)容顯示適用于大量數(shù)據(jù)展示渤昌∷涑或者用來布局表單現(xiàn)實生活中的表單是用來提交信息的走搁，比如：辦理銀行卡填寫的申請表、找工作寫的簡歷迈窟、入學(xué)時填寫的網(wǎng)頁中的表單是用來想服務(wù)器提交信息的私植，我們最常用的扁擔(dān)就是百度的搜索框表單標(biāo)簽<from></from>用于在效果中定義一個表單作用：用于體檢用戶填寫額數(shù)據(jù)，提交給服務(wù)器的程序文本框供用戶輸入车酣，類似java的Scanneraction ： 將數(shù)據(jù)提交到何處默認(rèn)提交到本頁本機內(nèi)網(wǎng)路徑? 相對路徑：常用? 絕對路徑：不建議使用? 互聯(lián)網(wǎng)路徑：https://www.12306.com/xxxmethod : 將數(shù)據(jù)以何種方式提交默認(rèn)為get提交范式可定義為： get或者 postGet方式提交特點：把數(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：文本框肠缨，默認(rèn)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ù)給后臺脾歇，西辟邪namevalue ：設(shè)置該標(biāo)簽對應(yīng)的參數(shù)值/作為按鈕的名字checked：設(shè)置單選框/復(fù)選框的默認(rèn)選中狀態(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值绢慢，指定表示默認(rèn)值，placeholder 表示提示文字選擇框標(biāo)簽<select></select> 標(biāo)簽洛波，定義一個下拉選擇框name：設(shè)置該標(biāo)簽對應(yīng)的參數(shù)名multipe：設(shè)置選項全部顯示胰舆。并且可以進行多選提交，不寫此屬性默認(rèn)為單選<option></optiom>標(biāo)簽蹬挤，選項標(biāo)簽缚窿，為一個選擇框添加一個選項value：設(shè)置需要提交的參數(shù)值selected：設(shè)置選項的默認(rèn)選中狀態(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=zhangsanUPL編碼解決方式：特殊符號，中文進行編碼? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 代碼
<!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 默認(rèn)值? 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>
