HTML常用的几种标签介绍1.标签HTML内联框架元素<iframe>标签代表一个嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。当属性1.frameborder取值为1（默认值）时，告诉浏览器在当前iframe和其他iframe之间画一个边框，为0时，不需要画这个边框。2.name嵌入浏览上下文（框架）的名称。这个名字可以作为<a>标签，<form>标签的target属性值，或者<input>标签和<button>标签的formget属性值。3.height以CSS像素格式HTML5，或像素格式HTML4.01，或百分比格式指定frame的高度。4.width指定frame的宽度，CSS像素格式HTML5，像素格式HTML4.01，百分比格式。5、src嵌套页面的URL地址。使用'about:blank'嵌套遵循同源策略的空白页面。2.<a>标签HTML<a>（或锚元素）可以创建指向另一个网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。属性1.href1.1没有href属性是没有意义的，本身和span没有区别。1.2href="qq.com"打开一个相对文件路径，不打开网址。1.3href="http://qq.com"以URL方式打开。1.4href="//qq.com"这个不是协议，会自动识别并继承之前的协议。如果直接打开，则识别文件协议。如果指定了协议，如localhost:8080//qq.com，则识别http协议，打开qq网站。1.5href="javascript:;"这是一个伪协议，经常用于一些奇怪的需求。如果你不使用href，你将无法点击。使用href=""将刷新此页面。使用href="#"生成一个锚点，该锚点将被转移到页面顶部。使用href="javascript:;"，不会生成任何操作。使用href="javascript:alert(1)"，它是可执行的。1.6href="?name=mamamoo"这里的意思是在url后面加上?name=mamamoo，发起get请求。1.7href="#xxx"在url后加#xxx添加锚点，不会发起请求。2.download可以实现下载操作。3.target3.1"_blank"打开一个新的空白页，打开网址。3.2“_self”在自己的窗口打开URL。3.3“_parent”在父窗口打开URL。3.4"_top"在顶层窗口打开URL。例如：我用<iframe>在A窗口中嵌套B窗口，在B窗口中嵌套C窗口。那么C窗口的父级指的是B，顶层指的是A。3.<input>标签HTML<input>元素用于为基于web的表单创建交互控件，以接受来自用户的数据.属性1.name控件名称，与表单数据一起提交。2.数值控制的初值。该属性是可选的，除非类型属性是单选或复选框。请注意，在重新加载页面时，如果在重新加载之前更改了值，Gecko和IE将忽略HTML源中指定的值。3.checked如果元素的type属性的值为radio或checkbox，布尔属性的有无表示控件是否处于默认选择状态。4、布尔属性disabled表示表单控件不可用。5.type5.1按钮没有默认行为按钮。5.2checkbox复选框。value属性必须用于定义呈现此控件时的值。使用checked属性指示控件是否已选中。5.3密码值被屏蔽的单行文本字段。使用maxlength指定可以输入的值的最大长度。5.4radio单选按钮。value属性必须用于定义呈现此控件时的值。使用checked必须指明该控件是否默认选中。在同一个“单选按钮组”中，所有单选按钮的name属性使用相同的值；在单选按钮组中，一次只能选择一个单选按钮。5.5submit用于提交表单的按钮。5.6默认文本类型为单行字段；换行符将自动从输入的值中删除。4.<form>标签HTML<form>元素表示文档中的一个区域，这个区域包含交互控制元素，用来向web服务器提交信息。属性1.action是处理这个表单信息的程序的URL。该值可以被<button>或<input>元素上的formaction属性覆盖（覆盖）。2、methoda标签和form标签都是跳转页面，但是a标签是get请求，form是post请求。get是获取内容，post是提交内容。3.name窗体的名称。标签必须有name属性，否则无法在请求中获取到。4、目标表单标签的target属性与a标签相同。5.<button>标签HTML<button>元素表示一个可点击的按钮，可用于需要简单标准按钮的表单或文档中。属性1.nameButton的名称，与表单数据一起提交。2.数值按钮的初始值。它定义了与表单数据的提交按钮关联的值。当提交表单中的数据时，该值作为参数传递给服务器。3.type3.1提交该按钮向服务器提交表单数据。3.2重置此按钮将所有组件重置为其初始值。3.3按钮这个按钮没有默认行为。它可以具有与事件发生时触发的元素事件相关联的客户端脚本。3.4菜单此按钮打开由指定的<menu>元素定义的弹出菜单。6、<table>标签HTML的<table>标签表示表格数据，即二维数据表格表示的信息。浏览器会按照<thead>、<tbody>、<tfoot>的顺序显示，而不是按照书写的顺序。并且它包含了很多子元素，例如：7.<select>标签HTML<select>标签表示它提供了选项菜单的控件。属性1.multiple支持多选。2.如果disabled选项中标示disabled，则不能选择。3.selected选项默认选中。</p> </div> </div> <div class="zuowen_sxy"> <div class="prev">上一篇：<a title="前端面试日常3+1——第348天" href="/webqianduan/234207.html">前端面试日常3+1——第348天</a> </div> <div class="prev">下一篇：<a title="JQuery的各种选择器这篇文章就给大家讲解清楚" href="/webqianduan/234209.html">JQuery的各种选择器这篇文章就给大家讲解清楚</a> </div> </div> <div class="related_about"> <div class="related_about_t"><code>HTML常用的几种标签相关文章</code></div> <ul> <li><a href="/kejifunen/365165.html" target="_blank" title="你真的知道怎么玩VR吗？手机玩VR常见问题">你真的知道怎么玩VR吗？手机玩VR常见问题</a></li> <li><a href="/kejifunen/365006.html" target="_blank" title="Flex智能手环经常出现质量问题，官方向用户推卸责任">Flex智能手环经常出现质量问题，官方向用户推卸责任</a></li> <li><a href="/kejifunen/364985.html" target="_blank" title="奥迪设计师设计的智能眼镜从此成为常见景象">奥迪设计师设计的智能眼镜从此成为常见景象</a></li> <li><a href="/kejifunen/364697.html" target="_blank" title="Adidas miCoach Fit Smart 变身日常活">Adidas miCoach Fit Smart 变身日常活</a></li> <li><a href="/kejifunen/364478.html" target="_blank" title="对话英特尔戴金泉！ BigDL开源一年后，AI走进寻常百姓家">对话英特尔戴金泉！ BigDL开源一年后，AI走进寻常百姓家</a></li> <li><a href="/kejifunen/364377.html" target="_blank" title="智能穿戴非常忙碌，一大波智能手表来袭">智能穿戴非常忙碌，一大波智能手表来袭</a></li> <li><a href="/kejifunen/364041.html" target="_blank" title="未来VR日常生活！走进现实，足不出户畅游世界">未来VR日常生活！走进现实，足不出户畅游世界</a></li> <li><a href="/kejifunen/363619.html" target="_blank" title="揭秘可穿戴智能手表常见问题！价格与配置失衡">揭秘可穿戴智能手表常见问题！价格与配置失衡</a></li> <li><a href="/kejifunen/363514.html" target="_blank" title="荣耀手环4实拍图，一块非常抢眼的彩屏">荣耀手环4实拍图，一块非常抢眼的彩屏</a></li> <li><a href="/kejifunen/362788.html" target="_blank" title="魅族轻智能手表 MIX 与诺基亚 Withings 手表非常">魅族轻智能手表 MIX 与诺基亚 Withings 手表非常</a></li> <li><a href="/kejifunen/362726.html" target="_blank" title="移动办公已成为职场常态，搜狗翻译App实现外文即时翻译">移动办公已成为职场常态，搜狗翻译App实现外文即时翻译</a></li> <li><a href="/kejifunen/362373.html" target="_blank" title="小狗电器发展迅速，为什么不遵循常规？ ">小狗电器发展迅速，为什么不遵循常规？ </a></li> <li><a href="/kejifunen/361999.html" target="_blank" title="显示面板产能过剩已成行业常态，电视价格将下调">显示面板产能过剩已成行业常态，电视价格将下调</a></li> <li><a href="/kejifunen/361973.html" target="_blank" title="智能穿戴手环、腕带常用橡塑材质分析">智能穿戴手环、腕带常用橡塑材质分析</a></li> <li><a href="/kejifunen/361677.html" target="_blank" title="虚拟现实渗透到日产汽车的日常生活中，我们应该警惕它的影响吗？">虚拟现实渗透到日产汽车的日常生活中，我们应该警惕它的影响吗？</a></li> <li><a href="/kejifunen/361567.html" target="_blank" title="奥埃德蒙德！人工智能自动诊断心律失常">奥埃德蒙德！人工智能自动诊断心律失常</a></li> <li><a href="/kejifunen/361539.html" target="_blank" title="房颤、心律失常高效预警 AMAZFIT米动健康手环1S成为心">房颤、心律失常高效预警 AMAZFIT米动健康手环1S成为心</a></li> <li><a href="/kejifunen/361503.html" target="_blank" title="Suunto 斯巴达运动！一款非常优雅的运动手表">Suunto 斯巴达运动！一款非常优雅的运动手表</a></li> <li><a href="/kejifunen/361294.html" target="_blank" title="叮咚账号：日常消费也是做慈善？做慈善我们是认真的！ ">叮咚账号：日常消费也是做慈善？做慈善我们是认真的！ </a></li> <li><a href="/kejifunen/360399.html" target="_blank" title="Apple Watch 3屏幕质量bug曝光！边缘出现异常条">Apple Watch 3屏幕质量bug曝光！边缘出现异常条</a></li> </ul> </div> </div> <div class="main-right"> <div class="right_fix"> <div class="r_con"> <div class="r_title">最新推荐</div> <ul> <li><em>1</em><a href="/kejifunen/370687.html" title="第三届Microchip Source华东技术交流会在江苏常" target="_blank">第三届Microchip Source华东技术交流会在江苏常</a></li> <li><em>2</em><a href="/kejifunen/370628.html" title="可穿戴设备市场非常火热，厂商更是疯狂" target="_blank">可穿戴设备市场非常火热，厂商更是疯狂</a></li> <li><em>3</em><a href="/kejifunen/370556.html" title="详细了解三种常见投影机光源的区别" target="_blank">详细了解三种常见投影机光源的区别</a></li> <li><em>4</em><a href="/kejifunen/370326.html" title="在一篇文章中阅读 Microsoft 开发者大会， Holo" target="_blank">在一篇文章中阅读 Microsoft 开发者大会， Holo</a></li> <li><em>5</em><a href="/kejifunen/370296.html" title="滑盖手机又回到了现场，联想手机负责人常程又发公告了" target="_blank">滑盖手机又回到了现场，联想手机负责人常程又发公告了</a></li> <li><em>6</em><a href="/kejifunen/370166.html" title="十大智能连衣裙非常概念化，非常未来感" target="_blank">十大智能连衣裙非常概念化，非常未来感</a></li> <li><em>7</em><a href="/kejifunen/369933.html" title="新闻分析！经济“新常态”下服装行业如何突围？ " target="_blank">新闻分析！经济“新常态”下服装行业如何突围？ </a></li> <li><em>8</em><a href="/kejifunen/369869.html" title="蚁人2：黄蜂女的日常出行：为何选择哈弗M6？ " target="_blank">蚁人2：黄蜂女的日常出行：为何选择哈弗M6？ </a></li> <li><em>9</em><a href="/kejifunen/369831.html" title="这些牛仔裤一年四季都可以穿，而且可以自动调节温度，非常方便" target="_blank">这些牛仔裤一年四季都可以穿，而且可以自动调节温度，非常方便</a></li> <li><em>10</em><a href="/kejifunen/369732.html" title="蓝牙音箱非常流行，智能音箱的四大趋势是什么？ " target="_blank">蓝牙音箱非常流行，智能音箱的四大趋势是什么？ </a></li> </ul> </div> <div class="r_con"> <div class="r_title">猜你喜欢</div> <ul class="you_like"> <li><em>1</em><a href="/kejifunen/368560.html" title="华米科技新款699元腕带亮相，可自动监测心律失常" target="_blank">华米科技新款699元腕带亮相，可自动监测心律失常</a></li> <li><em>2</em><a href="/kejifunen/368529.html" title="Apple Watch 2的终极猜测，这些功能都非常强大" target="_blank">Apple Watch 2的终极猜测，这些功能都非常强大</a></li> <li><em>3</em><a href="/kejifunen/368491.html" title="苹果经常被曝要造AR眼镜，但消费市场真的准备好了吗？ " target="_blank">苹果经常被曝要造AR眼镜，但消费市场真的准备好了吗？ </a></li> <li><em>4</em><a href="/kejifunen/368457.html" title="虚拟现实将是一个百亿市场，5年后渗透日常生活" target="_blank">虚拟现实将是一个百亿市场，5年后渗透日常生活</a></li> <li><em>5</em><a href="/kejifunen/368160.html" title="Pebble Core 正式发布，官方称与苹果 iPod 非" target="_blank">Pebble Core 正式发布，官方称与苹果 iPod 非</a></li> <li><em>6</em><a href="/kejifunen/368000.html" title="索尼！ PlayStation VR预售“非常快”" target="_blank">索尼！ PlayStation VR预售“非常快”</a></li> <li><em>7</em><a href="/kejifunen/367729.html" title="李开复！美国对中国人工智能的三大常见误解" target="_blank">李开复！美国对中国人工智能的三大常见误解</a></li> <li><em>8</em><a href="/kejifunen/367646.html" title="经常忘记带钥匙的我们还能这样生活多久……" target="_blank">经常忘记带钥匙的我们还能这样生活多久……</a></li> <li><em>9</em><a href="/kejifunen/367414.html" title="暴风月涨了30倍，魔镜业务是否难以维持异常的股价？ " target="_blank">暴风月涨了30倍，魔镜业务是否难以维持异常的股价？ </a></li> <li><em>10</em><a href="/kejifunen/367200.html" title="智能穿戴！看看新技术如何渗透日常生活" target="_blank">智能穿戴！看看新技术如何渗透日常生活</a></li> <li><em>11</em><a href="/kejifunen/366966.html" title="酷刑可穿戴！为什么智能手环经常出现质量问题" target="_blank">酷刑可穿戴！为什么智能手环经常出现质量问题</a></li> <li><em>12</em><a href="/kejifunen/366844.html" title="2018CJ TestBird《白皮书》首发！崩溃和UI异常" target="_blank">2018CJ TestBird《白皮书》首发！崩溃和UI异常</a></li> <li><em>13</em><a href="/kejifunen/366794.html" title="你还在等待小米手环1s吗？三星Gear S2体验回顾！非常棒" target="_blank">你还在等待小米手环1s吗？三星Gear S2体验回顾！非常棒</a></li> <li><em>14</em><a href="/kejifunen/366673.html" title="家里常备一台智能血压计！更准确了解健康" target="_blank">家里常备一台智能血压计！更准确了解健康</a></li> <li><em>15</em><a href="/kejifunen/366489.html" title="光纤4K KVM解决方案常用于信息化建设规划" target="_blank">光纤4K KVM解决方案常用于信息化建设规划</a></li> <li><em>16</em><a href="/kejifunen/366325.html" title="DARPA 公布人工智能计划！旨在加强常识性学习能力" target="_blank">DARPA 公布人工智能计划！旨在加强常识性学习能力</a></li> <li><em>17</em><a href="/kejifunen/365993.html" title="VR行业正在犯一个非常严重的错误" target="_blank">VR行业正在犯一个非常严重的错误</a></li> <li><em>18</em><a href="/kejifunen/365332.html" title="索尼 PlayStation VR 评测！它离大多数人的日常" target="_blank">索尼 PlayStation VR 评测！它离大多数人的日常</a></li> <li><em>19</em><a href="/kejifunen/365273.html" title="物联网卡之家！物联网卡在智慧路灯上的应用，让人们日常出行更加" target="_blank">物联网卡之家！物联网卡在智慧路灯上的应用，让人们日常出行更加</a></li> <li><em>20</em><a href="/kejifunen/365224.html" title="Misfit Ray手环的颜值非常高，性价比也非常好" target="_blank">Misfit Ray手环的颜值非常高，性价比也非常好</a></li> </ul> </div> </div> </div> </div> <div class="related_article"></div> <div class="footer"> <p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p> <p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。 如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p> </div> <!-- 应用插件标签 start --> <!-- 应用插件标签 end --> </body> </html>
