HTML常用标签

一. a标签

a标签主要用作跳转, 可以跳转到其他网页, 本页面的资源, 甚至可以是号码,邮箱

• target属性: 指定在哪个页面打开. 默认属性"_self"在当前标签页打开. "_blank"在空白标签页打开."_top" 在祖宗窗口打开(如果有嵌套窗口的话), "_parent"在父级窗口打开. "xxx":自己任取得名字, 有就覆盖, 没有就新建
• download属性: 现在没人用这个属性了
• href属性:
  • href 如果留空的话, 点击就会刷新页面. 只用href=javascript:;才能什么都不做
  • href=#xxx 点击就会自动跳转到id为xxx的元素的地方
  • href=mailto:11@qq.com, 跳转的邮箱处
  • href=tel:12423: 跳转到拨号
  • href="//google.com": 就自动选择http,还是https
  • "/a/b/c.html" 打开相对路径的文件,需要配合http-server使用

二. table标签

• table只能有三个子标签:thead, tbody, tfoot.如果直接写tr标签是错的, 但是浏览器会自动纠错, 帮我们补上了:
• 表示两个表头的方法:
• table-layou: auto是单元格大小随着内容多少,改变.
• border-collapse: collapse; 将border边界合并

三. image标签:

• 会通过get请求展示图片
• alt属性, 图片加载失败显示文字
• 可以设置单独设置图片的宽或者高. 另外一个自适应. 前端工程师永远不要让图片变形
• 图片加载失败的挽救的另一个方法:
• 如何让手机上能看大狗子:响应式: img {max-width: 100%}

四. form标签

• form标签发送get post请求, 然后刷新页面

• action指定页面, method指定方法

• autocomplete , 点击输入框, 会自动建议用户, 非常友好

• target: 把哪个页面变成 action指定

• input 的 submit, 和button的submit的区别: button里面还可以放任何标签:

• 一个form 必须要要有一个"submit", 不管是button, 还是input. button不设置, 默认就是submit

五. input 有很多常用属性

这个type可以完成很多功能, 例如单选框, 多选框. 取同一个name就是同一组的

六. 其他感想

千万不用用双击打开html文件, 用 http-server来打开html文件. http-server . -c-1 打开网址,然后地址栏加入html文件名hs . -c-1 也可以
用preserver log来调试