·anchor锚点
<a>标签
1.可作为链接使用
<a href="https://www.baidu.com">百度一下,你就知道</a>
2.可作为锚点,需设置锚点
<a href="#xxx" target="_self">点击我跳到id为xxx的部分</a>
3.javascript伪协议(扩展),满足一些奇葩需求
<a href="javascript:;">js伪协议</a>
·form input button seletion textarea
<form>标签内必须要有submit按钮,用于发送post请求,不然这个表格毫无意义,表格内的input标签如果不设置name,input的值就不会出现在请求里。
<form action="localserver" method="POST">表格内容</form>
form的标签内,action指定请求的路径,method指定请求的动词
·input&button是form表格中经常出现的标签
<input type="text" value="xxx" 其他属性>
·type内的值可以为:
1.text 生成输入文本框
2.button 生成一个按钮,value值可以改变button显示内容
3.checkbox 生成一个复选框
4.radio 生成一个可选圆框,多个input设置同样的name配合使用
<input type="radio" name="sex">男<input type="radio" name="sex">女
5.file 生成一个上传(单个)文件按钮,mulitiple值可以使其上传多个文件
6.password 生成密码输入文本框,输入时隐藏输入内容
7.submit 生成提交按钮
·其他属性
1.checked 首次加载既被选中
2.required 此项必填或者必选
·select下拉选框
<select name="city"> <option value="1">北京</option> <option value="2">上海</option> <option value="3">广州</option> <option value="4" disabled>四川重庆</option> <option value="4">重庆</option> <option value="" selected>请选择城市</option> </select>
disabled该选项不可选,selected默认选中该选项
·textarea 留言板/意见栏
<textarea name="留言板/意见栏" ></textarea>
通过css设置其大小
提示:
form里面只有一个button,并且没有设置type,它会自动升级为submit。
老司机<label>包裹标签,可提升用户体验。
·table 表格
表格结构<thead><tbody>< tfoot>
表格的行和列<tr >table row <td> table data
通过css设置boder-collapse:collapes; 可以合并表格之间的空隙