HTML 常用的标签

iframe标签

iframe 与 a标签结合使用

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

qq
百度

a标签

a标签的属性详见

1. a标签的target属性

新窗口打开
在当前页打开
在外层有iframe的情况下，在父级页面打开
在有三层iframe的情况下看得出与上面的区别，这个会在最顶层页面打开

2. 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。

...

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

...

input标签

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

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

// 这里不要加type，才会是submit效果
提交
// 或，一个提交按钮

2. checkbox，radio

// 用label中的for与input中的id相结合
桔子
//用label包裹名称和input标签
用户名

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

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

3. select

// 默认选择第四组，第三组不可选，加个multiple可以多选

    -
    第一组
    第二组
    第三组
    第四组

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

table标签

table中的属性详见

    
        
        
        
        
    
    

        

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

        

          
111
222
333
444
        
    
    

        

          
111
222
333
444