关于一些HTML标签的一些小知识
2019-03-05 本文已影响0人
lynnwy
iframe标签
在一个页面中嵌套一个页面 默认高度是50，宽度是100,frameborder属性可以调整frame边框的大小。
<body><iframe src="http://qq.com" frameborder="0"></body>
image.png
a标签
iframe标签要和a标签结合在一起用，首先在iframe标签中加入name属性
<iframe name="aaa" src="http://qq.com" frameborder="0">
然后写a标签创建一个链接
<a target="aaa" href="http://www.baidu.com">baidu</a>
target属性定位到iframe的name属性中，然后点击baidu，iframe中就会打开百度网页了。
image.png
image.png
- target有四种链接法
_blank 连接到一个新的空白页面
_self在本页面中打开
_parent在父页面中打开
_top在顶端页面打开
form标签
- form标签和a标签都是跳转页面，a标签在跳转页面时发送GET请求，form标签在跳转页面是发送POST请求。
- form中需要一个提交按钮，如果没有提交按钮，就无法提交form。
<form><input type="submit" value="button" method="post"></form>
input标签
input标签的属性非常多。
比如我们在建立一个表单时，需要用到text、password、checkbox、radio、textarea等等
image.png
- text一般用在输入用户名
- password一般是密码
- checkbox表示可以多选的多选框
- radio表示只能单选的单选框
- textarea是能够输入文本的文本框，大小可以拖动改变，如果希望文本框不改变大小，需要输入一句style="resize: none"
table标签
table标签一般由三部分组成
<thead><tbody><tfoot>
这三个标签的顺序可以任意，最终的效果都是一样的
另外table标签中常用的标签还有<colgroup><td><th><tr>等
image.png
- th一般用在thead中
- 如果希望表格边框能合在一起，要在style中写一句
<style>
table{ border-collapse: collapse;}
</style>
效果如图所示
