1.最重要的三個標(biāo)簽(但都可以省略):
<html><head><body>
不過<title></title>不能省略
2.<a>(a標(biāo)簽和form標(biāo)簽都是用來發(fā)送請求的见间,a表愛你是get請求,form標(biāo)簽是post請求)
<a target="_blank">QQ</a>
<a target="_self">QQ</a>
<a target="_parent">QQ</a>
<a target="_top">QQ</a>
<a href='url' download="filename.ext">下載</a> (download)
href支持:
(1)無協(xié)議 //qq.com
(2)?nameea
(3)想要a標(biāo)簽但不跳轉(zhuǎn)(什么都不做):javascript偽協(xié)議<a href="javascript:;">QQ</a>
3 <form>標(biāo)簽:
用于發(fā)送POST請求胞谭。
1.如果form沒有提交按鈕就無法提交form
input有很多type:
input 的屬性見:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input
button 的屬性見:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button
如果一個form只有一個按鈕(沒有type)刚盈,會自動升級為提交按鈕:
<form action="users" method="POST">
??<button>button</button>
?? <label for="aaa">用戶名</label> <input type="text" name="username" id="aaa">
?? <label><input type="password" name="password" id="">密碼</label>
?? 喜歡的水果
?? <label><input type="checkbox" name="fruit" id="" value="orange">橘子</label>
?? <label><input type="checkbox" name="fruit" id="" value="banana">香蕉</label>愛我
?? <input type="radio" name="love" id="" value="yes">愛我
?? <input type="radio" name="love" id="" value="no">不愛
?? <select name="group" id="" multiple>
???? <option value="">-</option>
???? <option value="1">第一組</option>
???? <option value="2">第二組</option>
???? <option value="3" disabled>第三組</option>
???? <option value="4" selected>第四組</option>
?? </select>
?? <textarea name="habit" style="resize:none; width:100px; height:50px;"></textarea>
?? <input type="submit" value="提交">
</form>
4. <table>標(biāo)簽
<style>
table{
border-collapse:collapse;
}
</style>
<table border=1>
? ? ? ? <colgroup>
? ? ? ? <col width=100>
? ? ? ? <col width=200>
? ? ? ? <col width=90>? ?
? ? ? </colgroup>
? ? ? <thead>
? ? ? ? <tr>
? ? ? ? ? <th>項目</th>
? ? ? ? ? <th>姓名</th>
? ? ? ? ? <th>班級</th>
? ? ? ? ? <th>分數(shù)</th>
? ? ? ? </tr>
? ? ? </thead>
? ? ? <tbody>
? ? ? ? <tr>
? ? ? ? ? <th></th><td>小紅</td><td>1</td><td>96</td>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? <th></th><td>小明</td><td>2</td><td>95</td>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? <th>平均分</th>
? ? ? ? ? <td></td>
? ? ? ? ? <td></td>
? ? ? ? ? <td>95</td>
? ? ? ? </tr>
? ? ? </tbody>
? ? ? <tfoot>
? ? ? ? <tr>
? ? ? ? ? <th>總分</th>
? ? ? ? ? <td></td>
? ? ? ? ? <td></td>
? ? ? ? ? <td>190</td>
? ? ? ? </tr>
? ? ? </tfoot>
? ? </table>