HTML常用标签难点

1.iframe标签

1. 页面嵌套标签。
2. 默认情况下，iframe标签的高度是50，宽度为100，是一个可替换的标签。
3. 难点在于和a标签的配合使用:

<iframe name=xxx src="#" frameborder="0"></iframe>
<a target=xxx href="http://qq.com">QQ</a>

4. 在a标签的target，会寻找iframe标签的name属性，值是相同的。
5. iframe里面的frameborder属性是默认有一个页面框，很难看，所以设置为0。
6. iframe的src属性支持相对路径。

2.a标签

1. 跳转页面（HTTP GET请求）
2. target属性包括_blank在新开空页面打开;_self在嵌套的这个页面打开;_parent，在父亲页面打开;_top为顶级窗口。
3. iframe和a标签的配合使用多层嵌套。如index嵌套index2，index2嵌套index3, 最终展现在index上面的页面是index3，这样的话，点击嵌套在index里面的页面标签，那么父亲标签为index2,而top页面为index。
4. a标签的下载使用download属性。不加download也可以下载，下载不下载由http响应决定，若 Content-Type为application/octet-stream时，这样的话浏览器就会以下载的形式去接受这个请求，而不是在页面上展示。
5. a标签的href属性:
   (1)若href='#'，在页面有内容的情况下，点击a标签会回到页面的顶部。页面锚点也会变成#
   (2)若不写href，就没有了a标签的效果，变成了和span效果一样的标签。
   (3)若href="",是空的话，浏览器会默认跳转自身页面，也就是页面重新刷新了。
   (4)还有就是伪标签。伪协议的用法就是得到了一个点击之后什么也不会做的a链接 。<a href="javascript:;">QQ</a>

3.form标签

1. 跳转页面（HTTP POST请求）
2. 若是form表单里面没有提交按钮，就无法提交这个form表单。form里面的action相当于a标签里面的href。form一般又来发生post请求，a是get请求。
3. form标签也有target属性，也有_blank，self等，和a标签的表现行为一样。

4.inout/button标签

1. 区别：是否为空标签。
2. 若button标签没有写type，会自动升级为提交按钮。若是有type,就会按照type的样式表现，如下就没有提交按钮。
3. input实现一个普通按钮,type="buttom"
4. input实现一个提交按钮type="submit"
5. input实现多选框type="checkbox"
6. input实现单选框type="radio"

5.txetarea 多行文本框

1. 最好使用css来控制了宽高。
2. 可以使用col和rows来控制列行：col的值不是确定的，rows也不能确定，只是大概的估计。