深入解析：网页标题（Title Tag）与IFrame框架的应用与影响

发布时间：2024-07-10 02:45:02 所属栏目：教程来源：DaWei

导读： 在之前的学习中，有提及过标题，但那时候的标题我们并没有讲解如何具体实现。水平分割线的知识。那么今天，我将带领大家进一步学习网页中标题的实现。更多的侧重点是倾向于使用 Dreamweaver

在之前的学习中，有提及过标题，但那时候的标题我们并没有讲解如何具体实现。水平分割线的知识。那么今天，我将带领大家进一步学习网页中标题的实现。更多的侧重点是倾向于使用 Dreamweaver CC 2018 直接实现的标题。

然后再带领大家在网页中插入一个 IFrame ，Iframe 的知识我们之前多少提到过一些，今天的内容对于已经掌握的同学可以作为一个复习。本节知识点的内容并不是很繁琐，内容也不是很多，难易程度也相对好掌握，因此大家在学习的时候不必带有很沉重的心理负担。下面就让老师带领大家一起来开始本节知识点的学习吧！

1. 在网页中插入标题
标题，和我们语文中学习的文章标题一样，网页也需要一个属于自己的标题。标题可以是文字，可以是图片。但大多数情况下，我们所说的还是和语文作文中的标题一样，即文字标题。

原理很简单，代码层面你可以手写 h 标签，注意， h 标签也是成对出现的标签哦！

而利用 Dreamweaver CC 2018 我们可以使用它自带的插入面板来实现。具体实现我们可以看下面的动态图片。大致的操作过程就是：在新建的空白 HTML 页面上点击右侧的插入面板，找到标题这个选项，我们可以发现它里面有 h1-h5 等多个选项，任选一个点击它，（ h 后面的数字越小，代表标题大小越大）然后你就可以看到页面中插入了不同大小的标题。我们可以双击左侧插入的标题去修改你想设置的标题内容。

2.在网页中插入 IFrame

Iframe 的学名叫内联框架，在之前的章节中提到过这个，但是没有说太多。今天我们就稍微仔细地看看这个东西。

你可以想象网页中有的时候需要嵌套小的网页，或者内部模块。这个时候，现有的 HTML 标签似乎仅仅能够构建一个依赖于当前文档的元素结构。

这个时候，我们可怜的小伙伴就不得不向新的标签来求助了。那么 IFrame 正是解决了这个问题。在 Iframe 标签中，你可以嵌套多种多样的其他的我们之前学习过的网页元素。在这里要提醒大家 Iframe 标签同样是一个成对出现的标签。下面就请大家跟随老师的步骤一起看一看如何利用 Dreamweaver CC
2018 在网页中插入 Iframe 标签吧。

我们还是新建一个空白的 HTML 页面。第二步我们还是找到我们熟悉的插入面板，在里面寻找我们今天的主角，Iframe。

图文无关,原创配图

然后我们就可以看到像下图所示的过程一样，你的空白网页里插入了一个 Iframe 元素。同时，在下方的代码视图里你也看到了成对出现的 IFrame 标签。

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!