html标签

HTML标签

1. 关于css布局
   • 为了css的便利，都采用横向/纵向布局划分块。
2. 关于<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协议哦~！
3. 关于<form>跟<input>标签
   • input的name必须注明，不然你这个表单没有意义。
   • 如果form没有提交按钮 那这个表单将无法提交。
   • form主要发送post请求。
     • 表单动词只能是GET跟POST，表单的动词区别：
     • GET ：会把表单信息通过key=value然后用&连接所有的表单信息上传。此方法会把交互的数据明文写在网址上，显然如果信息里面有账号密码的话，这东西很不安全。还有网址的长度是有上限的，如果用户在<textarea>标签写了一篇巨长巨长的文章，以至于超出了最大上线长度，那么这个信息超出的部分会丢失。
     • POST ：会把表单信息用x-www-form-urlencoded方式转码再加入请求第四部分上传，而不是像get一下明文写在网址上，安全性能显而易见。
4. 关于按钮
   • 如果一个form里面只有一个buttom按钮自动升级为提交按钮，而<input type="button" value="">不具备此功能。
   • <input type="submit" value="">这才是一个语义化的提交按钮。
5. 关于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表格的写法。