HTML常用标签

a 标签

属性：

• href---链接地址

  • 网址
  • 路径
  • 伪协议
  • id

• target---在哪个窗口打开

  • _blank---在新页面打开
  • _self---当前页面打开
  • _top---顶页面打开
  • _paretn---在父级窗口打开

• download---点击下载网页

• rel=noopener---防止bug

作用：

• 跳转外部页面
• 跳转内部锚点
• 跳转到邮箱或电话等

---

iframe标签（很少使用）

内嵌窗口

---

table标签

内含thead，tbody，tfoot

• tr---行
• td---列
• th---表头

相关样式

• table-layout---表格布局，行列算法

  • auto---自动，表格和单元格宽度取决于内容
  • fixed---个性化设置

• border-collapse---边距是否合并

• border-spacing---内边距

---

img标签

作用：发出get请求，展示一张图片

属性：

• alt---图片加载失败显示的文字
• height---高度
• width---宽度
• src---图片路径

事件（监听图片是否加载成功）

• onload
• onerror

响应式（手机端）

• max-width：100%

---

form标签

作用：发get或post请求，然后刷新页面

属性：

• action---控制请求哪个页面
• autocomplete---建议用户名
• method---控制post还是get请求
• target---提交到哪个页面，哪个页面刷新

事件：

• onsubmit

<input type="submit">和 <btton type="submiot">的区别?

答：input里不能再有其他东西，button里可以写其他东西

input标签

作用：让用户输入内容

属性：

• type

  • text
  • color
  • password---密码
  • radio---单选，多个单选框设置同一个name
  • checkbox---多选
  • submit---提交
  • file
  • hidden

事件：

• onchange
• onfocus
• onblur

textarea标签

可控制尺寸的输入框

select+option标签

<select>
    <option vlaue="1">星期一</option>
</select>

注意事项

• 一般不监听input的click事件
• form里面的input要有name
• form里要放一个type=submit才能触发submit事件