HTML常用标签

310 阅读2分钟

a 标签


  • 常用属性
    • href

      全称 hyper-reference,是a标签指向的位置,可以指向某个网络链接,或者是本地文件,也可以是某个标签的id或者JS代码,点击时会执行相应的动作。

    • target

      可以用来指定在本页、新标签页、父页,或者是内嵌的HTML中进行相应的动作,如:打开网页。内置的名字有

      • _blank
      • _top
      • _parent
      • _self
    • download

      规定被下载的超链接目标,但许多浏览器不支持

table 标签


相关的标签有

  • thead 表头
  • tbody 表的主体
  • tfoot 表尾
  • th 表的首部,类似于thead
  • tr 表的一行, table row
  • td 表的数据, table data

img 标签


作用

发出get请求,展示一张照片

常用属性

  • src 图片的地址
  • height 指定图片的高度
  • width 指定图片的宽度
  • alt 当图片无法被加载时,显示此内容

事件

  • onload 监听图片是否加载成功,若成功,执行此事件
  • onerror 监听图片是否加载成功,若失败,执行此事件。可以利用这个性质,当图片加载失败时,加载另外一个图片

响应式设计

  • max-width:100% 在小屏幕上也不会因为图片过大而无法观看到全部的图片

form 标签


作用

发送get或者是post请求,然后刷新页面

属性

  • action 指定请求哪里
  • autocomplete 向用户提供可选的建议
  • method 选择用get还是post
  • target 和a标签中的target属性作用相同,指定在哪里显示响应信息。

事件

  • onsubmit 表单提交时触发事件

input 标签


作用

让用户输入内容

属性

  • 类型
    • button 没有默认行为的按钮,上面显示 value 属性的值,默认为空
    • text 可以输入文本的文本框
    • password 可以输入文本,但内容会被隐藏
    • checkbox 复选框,可设为选中或未选中
    • hidden 不显示的控件,其值仍会提交到服务器
    • radio 单选按钮,允许在多个拥有相同 name 值的选项中选中其中一个
      • submit 用于提交表单的按钮。
    • file 可用于上传文件

验证器

HTML5的新增功能,如required,规定了不能为空