再探 html

最新推荐文章于 2021-06-05 10:50:36 发布

心文花雨

最新推荐文章于 2021-06-05 10:50:36 发布

阅读量226

点赞数

分类专栏：前端文章标签：外联框架超链接

本文链接：https://blog.csdn.net/xinwenhuayu/article/details/104133002

版权

前端专栏收录该内容

18 篇文章 1 订阅

订阅专栏

一、外联框架

使用外联框架可以印日外部的一个页面，使用iframe来创建一个外联框架
1. 属性

src：指向外部路径的一个路径，可以使用相对路径

name：可以为外联框架指定一个name属性

2. 示例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>内联框架</title>
	</head>
	<body>
		<iframe src='zhoujielun.html' width='500px' height='400px'></iframe>
	</body>
</html>

注意：内联框架中的内容不会被搜索引擎检索

二、超链接

使用超链接可以让我们从一个页面条撞到另一个页面，使用a标签来创建超链接

1. 属性

href：指向页面的URL

target：打开的位置

(1) _self：在当前窗口中打开1.

(2) _blank：在新窗口中打开

(3) 可以设置一个内联框架中的name属性值，链接将会在指定的内联框架中打开

2. 示例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>超链接</title>
	</head>
	<body>
		<a href='https://www.baidu.com' target='_blank'>百度</a><br />
		<a href='zhoujielun.html' target='zhoujielun'>周杰伦</a><br />
		<iframe src='img.html' width='500px' height='300px' name='zhoujielun'></iframe>
	</body>
</html>

三、块和内联

1. div

div没有任何的语义，不会为里边的元素设置默认样式，独占一行，主要用来为页面进行布局

2. span

行内元素，只占自身元素的大小，为文字来设置样式

注意：一般情况下只是用块元素去包含内联元素，不会使用内联元素去包含一个块元素，a元素可以包含除了它本身任何一个元素，p元素不可以包含任意块元素

心文花雨

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
再探 html

一、外联框架使用外联框架可以印日外部的一个页面，使用iframe来创建一个外联框架1. 属性src：指向外部路径的一个路径，可以使用相对路径name：可以为外联框架指定一个name属性2. 示例<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <ti...
复制链接

扫一扫

专栏目录