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表格的写法。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容