HTML标签之框架、图像标签

最新推荐文章于 2022-12-14 11:42:46 发布

「已注销」

最新推荐文章于 2022-12-14 11:42:46 发布

阅读量650

点赞数

分类专栏： HTML学习笔记

本文链接：https://blog.csdn.net/h15882065951/article/details/54882150

版权

HTML学习笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

框架标签：

<iframe>标签：

<iframe>标签定义一个内嵌框架，一个内嵌框架被用来在当前HTML页面中嵌入另一个文档。

常用属性：

height: 规定框架的高度。

width: 规定框架的宽度。

src：规定的框架中显示的文档URL。

name： 规定框架的名字。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>iframe框架标签</title> 
<style>
	iframe {
	  width: 400px;
	  height: 200px;
	}	
</style>
</head>
<body>

<iframe src="http://www.baidu.com">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>
<p>
  把需要的文本放入 iframe 之间，可以以对不支持 <iframe>标签的浏览器。
</p>
</body>
</html>

图像标签：

<img>标签

<img>定义HTML页面中的图像。注：从技术上讲，图像不会插入到HTML页面中，而是链接到HTML页面中，<img>的作用是为图像在页面中创建一个点位符。通常在<a>标签中添加一个<img>，为另一个页面创建一个图像链接。

常用属性：

alt: 有时由于网络或图像URL不正确等原因，图像不能正显示，而规定图像的替换文本可以有效的代替图像。

height: 规定图像的高度。

width: 规定图像的宽度。

src: 规定图像的URL。

<!DOCTYPE html>
<html>
  <head> 
    <meta charset="utf-8"> 
  <title>img标签</title> 
  </head>
  <body>

    <img src="smiley-2.gif" alt="Smiley face" width="42" height="42">

  </body>
</html>

<map>标签

<map>标签定义图像的映射。

<area>标签

<area>标签定义地图内部的区域。

<canvas>标签

<canvas>标签定义一个画布。

<figure>标签

<figure>标签规定独立的流内容（图像、图片、代码、照片等）。注：<figure>中的内容与主内容相关，位置相对于主内容是独立的，若删除不会对文档流产生影响。

<figcaption>标签

<figcaption>标签为<figure>元素定义标题。<figcaption>元素应该放于<figure>元素的第一或最后一个子元素的位置。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>figure figcaption标签</title> 
</head>
<body>

<p>主内容</p>

<figure>
  <img src="1.jpg" alt="替换文本" width="304" height="228">
  <figcaption>标题</figcaption>
</figure>

</body>
</html>

「已注销」

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML标签之框架、图像标签

框架标签：标签：标签定义一个内嵌框架，一个内嵌框架被用来在当前HTML页面中嵌入另一个文档。常用属性：height:规定框架的高度。width:规定框架的宽度。src：规定的框架中显示的文档URL。name：规定框架的名字。 iframe框架标签 iframe { width: 400px; h
复制链接

扫一扫

专栏目录