HTML标签
- 关于css布局
- 为了css的便利,都采用横向/纵向布局划分块。
- 关于<a>标签
- 首先<a>标签的点击是发送get请求的
- <a>标签的链接分下列几种形式
- <a href="">href为空</a>啥都不写会刷新网页的哦。
- <a href="#">href为#</a>会跳转到#这个锚点,并跳到网页开头。
- <a href="javascript:;">href为JavaScript</a>啥都不会做哦。
- <a href="./index.html">href为相对路径</a>跳转到相对路径的文件就对了~!
- <a href="https://www.baidu.com">href为绝对路径</a>跳转到绝对路径的文件就这样子了!
- <a href="//">当前协议路径</a>你是什么协议打开的这个网页就默认什么协议,但是少用file协议哦~!
- 关于<form>跟<input>标签
- input的name必须注明,不然你这个表单没有意义。
- 如果form没有提交按钮 那这个表单将无法提交。
- form主要发送post请求。
- 表单动词只能是GET跟POST,表单的动词区别:
- GET :会把表单信息通过key=value然后用&连接所有的表单信息上传。此方法会把交互的数据明文写在网址上,显然如果信息里面有账号密码的话,这东西很不安全。还有网址的长度是有上限的,如果用户在<textarea>标签写了一篇巨长巨长的文章,以至于超出了最大上线长度,那么这个信息超出的部分会丢失。
- POST :会把表单信息用x-www-form-urlencoded方式转码再加入请求第四部分上传,而不是像get一下明文写在网址上,安全性能显而易见。
- 关于按钮
- 如果一个form里面只有一个buttom按钮自动升级为提交按钮,而<input type="button" value="">不具备此功能。
- <input type="submit" value="">这才是一个语义化的提交按钮。
- 关于table标签
<table> <thead> <tr> <th>1</th> <th>2</th> <th>3</th> <th>4</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </tbody> <tfoot> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </tfoot> </table>
以上为一个table表格的写法。