HTML 常用的标签

iframe标签

iframe 与 a标签结合使用

// target="xxx" 的 a标签 可以指向 name="xxx" 的 iframe标签 
// 这个示例可以点击一个a标签切换在内部改变iframe里的内容,不过刷新会比较卡

qq
百度

a标签

a标签的属性详见

  1. a标签的target属性
新窗口打开
在当前页打开
在外层有iframe的情况下,在父级页面打开
在有三层iframe的情况下看得出与上面的区别,这个会在最顶层页面打开
  1. a标签的href属性
这里不会打开qq页面,这里表示一个文件
加查询参数
加锚点,点击会移动到顶部
加伪协议,不跳转链接

form标签

form标签的属性详见
a标签与form标签的区别在于,a发起GET请求,form发起POST请求。

link
  1. form要有提交按钮

  2. form主要用于发起POST请求
    form中method只能写get和post,写get会默认出现到查询参数,post会默认出现到响应的第四部分Form Data里。

  3. 可以发起POST请求的同时添加查询参数,但是不可以在发起GET请求的同时响应第四部分Form Data。

...
  1. form 中的target与a中的target同样用法,也同样可以跳转iframe
...

input标签

input的属性详见
input标签中加上name和value,用于提交查询参数。

  1. 如果一个form里只有一个按钮,它的type是button,那么自动升级为提交按钮。
    button标签内可以加内容,可以是元素,也可以加标签;而input是个空标签,不能在input标签中加内容,要加内容只能在value里加。
// 这里不要加type,才会是submit效果

// 或,一个提交按钮

  1. checkbox,radio
// 用label中的for与input中的id相结合

//用label包裹名称和input标签


// 提交可以得到查询参数 fruit=orange&fruit=banana



// 提交可以得到查询参数 loveme=yes 或 loveme=no


  1. select
// 默认选择第四组,第三组不可选,加个multiple可以多选

  1. textarea样式最好在css中添加

table标签

table中的属性详见

标题1标题2标题3标题4
111222333444
111222333444

你可能感兴趣的:(HTML 常用的标签)