打开链接不推荐使用双击打开,推荐使用命令打开。需要安装 http-server 或者 porcel
使用http-server: http-server -c-1 (hs -c-1)
使用 porcel : porcel + 网页地址

标签

属性: harf target

  1. <a href="">这是一个标签</a>
  2. <p>
  3. harf的取值可以是1、网址 //地址(最高级) 2、路径
  4. 3、伪协议
  5. 1)javascript : ; 空标签 2)ID(跳转到ID指定标签)
  6. 3)mailto:邮箱地址 (发送邮件) 4)tel: XX (打电话)
  7. </p>
  8. <a href="" target="">这是一个标签</a>
  9. <p>
  10. target 可以的取值为:1、_block 在新页面打开 2、_self 当前页面打开 3、_top顶部窗口打开
  11. 4、_parent 当前的上级窗口打开
  12. 5、xxx 使用xxx打开页面(没有新建windows xxx页面,当页面存在多个A标签,使用的xxx页面打开)
  13. </p>

标签

table包含:thead tbody tfoot

  1. <style>
  2. table{
  3. table-layout: auto; 单元格适配距离
  4. border-collapse: collapse; 合并单元格
  5. border-spacing: 0; 单元格间距
  6. }
  7. td,th{
  8. border: 1px solid 颜色; 设置单元线和颜色
  9. }
  10. </style> 适配手机显示命令
  11. <table>
  12. <thead>
  13. <tr> 表示一行
  14. <th></th> 表示表头
  15. </tr>
  16. </thead>
  17. <tbody>
  18. <tr>
  19. <td></td> 表示表格数据
  20. </tr>
  21. </tbody>
  22. <tfoot>
  23. <tr>
  24. <td></td>
  25. </tr>
  26. </tfoot>
  27. </table>

HTML重要标签 - 图2标签

  1. <style>
  2. img{
  3. max-width: 100%;
  4. }
  5. </style>适配手机显示命令
  6. <img src="链接/路径" alt="未显示图片时显示字体" height="" width="">
  7. height 和 width 一般只存在一个 使其另一个自适应

标签

  1. <form action="请求打开哪个页面" method="请求打开方式"
  2. autocomplete="给与建议" target="提交到哪个界面">表单</form>

标签 button标签

  1. <input type="text">文本
  2. <input type="color">颜色
  3. <input type="password">不展示具体内容
  4. <input type="radio" name="" >单选(须拥有同一个name)
  5. <input type="checkbox" name="" >多选(须拥有同一个name)
  6. <input type="file" multiple>上传多个文件
  7. <input type="hidden" >看不见的文本
  8. <hr>
  9. <textarea style="resize: none;" >多行;无法拖动</textarea>
  10. <hr>
  11. <select >选择
  12. <option value="">请选择</option>
  13. <option value="1">用户看到的1</option>
  14. <option value="2">用户看到的2</option>
  15. </select>
  16. <input type="submit" value="提交">
  17. <button type="submit">提交</button>
  18. <p>
  19. input和button的区别:
  20. button中可以加入其它元素,其type默认是submit;input的type必须是submit才可以提交
  21. </p>