WEB前端学习:HTML学习_iframe标签和canvas标签

最新推荐文章于 2024-02-05 17:34:35 发布

Dream_ruins

最新推荐文章于 2024-02-05 17:34:35 发布

阅读量784

点赞数

分类专栏：前端学习 HTML 笔记文章标签： html5 html

本文链接：https://blog.csdn.net/weixin_43662760/article/details/104965201

版权

14 篇文章

订阅专栏

14 篇文章

订阅专栏

5 篇文章

订阅专栏

本文介绍了HTML中的iframe和canvas标签。讲解了iframe的主要属性，如allow、height、width等，并提到了canvas标签用于JavaScript图形绘制的特点。内容包括两个标签的基本使用和属性，以及后续将转向CSS的学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iframe标签和canvas标签

< iframe >
将另一个HTML页面嵌入到当前页面中

<iframe id="inlineFrameExample 
title="Inline Frame Example" 
width="300 height="200" 
src="https://www.baidu.com">
</iframe>

值：

资源加载优先级高

资源加载优先级低

用来定位嵌套页面的名称

该元素占用空间的高度，以 CSS 像素(px)表示（默认为 150）

该元素占用空间的宽度，以 CSS 像素(px)表示（默认为 300）

< canvas >
元素可被用来通过JavaScript（Canvas API 或 WebGL API）绘制图形及图形动画

<canvas id="canvas" width="300" height="300"> 
  抱歉，您的浏览器不支持canvas元素
  （这些内容将会在不支持<canvas>元素的浏览器或是禁用了JavaScript的浏览器内渲染并展现）
</canvas>

该篇主要讲的是 iframe标签和 canvas标签。到此为止，HTML的内容就分享完了。感谢大家的陪伴，后面我将开始CSS篇章，欢迎大家来阅读。

最后，若有不足或者不正之处，欢迎指正批评，感激不尽！如果有疑问欢迎留言，绝对第一时间回复！

HTML篇章往期博客

下面这些是我学习HTML的网站，希望对大家有帮助