再探 html

87 阅读 0 评论 58 点赞

我是靠谱客的博主害怕口红，最近开发中收集的这篇文章主要介绍再探 html，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、外联框架

使用外联框架可以印日外部的一个页面，使用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元素不可以包含任意块元素