首页 > 其他分享 >HTML学习笔记六:html-body-框架元素

HTML学习笔记六:html-body-框架元素

时间:2023-12-05 18:12:20浏览次数:22  
标签:body HTML 框架 标签 name html iframe 属性

HTML学习笔记六:html-body-框架元素

MDN元素查询地址

所有的html的元素我们都可以通过以下地址进行相关的查询和理解。
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta

框架标签 iframe

可以通过使用iframe标签在当前页面的框架内嵌入一个外部链接的网页。
可用于网页嵌入式广告等应用场景。
可嵌入所有链接的内容: 网页,图片,视频,gif,广告等。

iframe标签属性

代码示例:

<iframe src="https://www.taobao.com" frameborder="1" width="450" height="750"></iframe>
  1. src :
    通过src属性值可指向一个链接的路径,
    然后可以将相关的链接嵌入到iframe的框框内。

  2. frameborder:
    iframe内嵌框的边框。

  3. width :
    iframe内嵌框的宽度。

  4. height :
    iframe内嵌框的高度。

  5. name:(不写src时候,可以通过name进行关联)
    通过iframe属性中name的值和a标签、form标签中属性target的值关联使用

name属性特殊用法:
1、name属性与超链接a标签的target属性配合使用,点击后将超链接的内容在嵌入的iframe框架内展示
2、name属性可以与form标签的target属性配合使用,提交表单后将返回的内容在嵌入的iframe框架内显示

示例代码如下:

<a href="http://www.cmentech.com" target="tt">一个官网</a>
<a href="https://www.taobao.com" target="tt">淘宝一下</a>
<form action="http://so.toutiao.com/search" target="tt">
	头条搜索:
	<input type="text" name="keyword">
	<button>确定</button>
</form>
<br>
<iframe name="tt" frameborder="1" width="450" height="750"></iframe>

<iframe name="tb" frameborder="1" width="800px" height="500px"></iframe>

3、width: 框架的宽

4、height: 框架的高

5、frameborder: 是否显示边框,0/1

标签:body,HTML,框架,标签,name,html,iframe,属性
From: https://www.cnblogs.com/yysocket/p/17877845.html

相关文章

  • HTML学习笔记七:html-字符实体和全局属性
    HTML学习笔记七:html-字符实体和全局属性MDN元素查询地址所有的html的元素我们都可以通过以下地址进行相关的查询和理解。https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta字符实体用特定代码来表示一个符号,即为字符实体。字符实体格式:以&开头以;结尾......
  • HTML学习笔记二:html-head内元素
    HTML学习笔记二:head内元素MDN元素查询地址所有的html的元素我们都可以通过以下地址进行相关的查询和理解。https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/metatitle标题元素用于定义文档的标题,此标题显示在标题栏或者标签栏上,一般为纯文本。<title>网页标题<......
  • HTML学习笔记三:html-body-块级元素
    HTML学习笔记三:body元素块级元素MDN元素查询地址所有的html的元素我们都可以通过以下地址进行相关的查询和理解。https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/metabody中元素分类块级元素又称为块元素,独占一行,宽默认与body一致,高度由内容撑开,无内容默认为1......
  • HTML学习笔记一:html简介和基本结构
    HTML学习笔记一一、什么是HTML?众所众知,我们打开的网页是一个一个的HTML,网页静态的结构是由html完成,而各式各样的表现样式是由css完成,至于网页与服务器之间的交互行为则都交给了javascript完成。HTML和CSS本质都是结构化、标准化的语言,用于定义页面结构,样式渲染。不得不提的就是......
  • ​HTML代码混淆技术:原理、应用和实现方法详解
    ​HTML代码混淆是一种常用的反爬虫技术,它可以有效地防止爬虫对网站数据的抓取。本文将详细介绍HTML代码混淆技术的原理、应用以及实现方法,帮助大家更好地了解和运用这一技术。一、HTML代码混淆的原理HTML代码混淆是指将HTML源码通过特定的算法进行加密处理,使得人类可读的源码变......
  • html录制mp3
    wavesurfer.js|audiowaveformplayerJavaScriptlibrary  要将weba文件转换为mp3格式,您可以使用HTML5的音频API来实现。以下是一个简单的示例代码:```html<!DOCTYPEhtml><html><head><title>WebAtoMP3Converter</title></head><body><i......
  • CSV文件转Html用Java怎么实现?
    要将CSV文件转换为HTML格式,可以使用Java编程语言。以下是一个简单的Java代码示例,可用于将CSV文件转换为HTML表格:importjava.io.BufferedReader;importjava.io.FileReader;importjava.io.FileWriter;importjava.io.IOException;publicclassCsvToHtmlConverter{publ......
  • 01.html
    1.HTML、XML、XHTML的区别HTML:超文本标记语言,是语法较为松散的、不严格的Web语言;XML:可扩展的标记语言,主要用于存储数据和结构,可扩展;XHTML:可扩展的超文本标记语言,基于XML,作用与HTML类似,但语法更严格。2.什么是HTML5以及和HTML的区别是什么概念HTML5是HTML的新标准,其主要......
  • Python 实现Word转HTML
    将Word转换为HTML能将文档内容发布在网页上,这样,用户就可以通过浏览器直接查看或阅读文档而无需安装特定的软件。Word转HTML对于在线发布信息、创建在线文档库以及构建交互式网页应用程序都非常有用。以下是使用Python将Word转换为HTML网页的攻略,包含两个示例。使用Python将Word......
  • HTML基础标签学习
    一、HTML标题在html中标题是用<h1>~<h6>进行定义,从前往后,标题字体大小逐渐减少。二、HTML段落HTML的段落标签是<p>标签<p>这是一个段落</P>三、HTML文本格式化常见的格式化标签<b>定义粗体文本</b> <em>定义着重文字</em> <i>定义斜体字</i> <small>定义小号字</small......