关于一些HTML标签的一些小知识

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>
    效果如图所示
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 1. iframe 标签 iframe 标签主要用途是嵌套页面,目前使用较少,只有一些遗留项目在用。具体可以参考 ...
    大喵chary阅读 3,247评论 0 0
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,700评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,672评论 1 41
  • 本篇文章主要记录的是自己学习的HTML 常用的标签。 1、iframe 标签——嵌套页面 iframe这个标签目前...
    wxyzcctn阅读 3,280评论 0 3