用HTML中的标签实现网页制作

2020-05-01 17:00:00

最后,这些HTML内容有点缺失。这次是关于如何使用文本中的链接。简单地说,我们的页面中有一个章节名目录。如何点击目录中的名称,就可以在页面中显示相应的内容。

今天,我主要学习如何使用a标记在页面中链接,以及如何从其他页面链接页面中指定的内容。

这里会有一个问题,就是点击链接后,文本内容会显示在顶部,这个默认的表单会给我们带来不便,解决方案比较复杂,会在最后的解释中给出。

下一次,我们将学习如何向图像添加映射超链接。映射超链接意味着如果我的图像中有两个字符或图像,读者将对其感兴趣并希望了解更多信息。如何选择要添加链接的图像边缘是图像映射超链接。如图所示:使用一个不可见的框架来创建图片映射链接,以便感兴趣的读者可以单击图片中的目标对象。

在最后一部分,我们将在今天结束时回答这个问题,即如何解决浇头的问题。这一部分还将作为HTML部分末尾的综合练习和CSS部分的热身练习。,

让我们从今天的基本代码开始

从复杂性上看,其实它们主要是内容和文本。简化代码如下:

即在body/body中添加4个A/A标签来写标题,并排写一个P/P标签,在P/P标签中添加文本内容和H2/H2标签。需要注意的是,在H2/H2中,a/a标签也用于夹紧标题。

页面效果如下:

向文章添加内部链接需要一个前一个和两个后一个A/A标记。一个是目录中的a/a

添加内部链接的方法非常简单。首先,我们将目录中的标题A/A标记称为“召唤者”。文本标题中的A/A标签称为“调用”。如果您已经学习了本教程,您将知道一个标记调用或调用另一个标记需要能够调用被调用标记的名称!

所以我们需要先给“被叫”起名字。有两种命名方法。一个是name=,另一个是id=。我们建议您写下来,因为有些浏览器不支持name属性。具体写作方法如下:

使用“召唤者”a标记中的href属性调用“召唤者”名称!示例代码如下:需要添加?,然后编写名称。

标签有点懒。如果只是叫一个名字,它会假装听不见,所以有必要详细描述它的特点,这样它就不会偷懒了。也就是说,前后两个A/A标签之间的文本内容应该是相同的。例如,上面两个a标签之间的内容是“飞行测试过程”。如果单词不一样,不要试着给被叫的人打电话。

效果如下:

点击后,“飞行测试进度”选项卡跳到窗口顶部,如图所示:窗口顶部的顶部显示称为“顶部”。

让我们使用此方法为其余标题添加页面链接。

首先,复制名为“打开外部页面文件”的页面文件以指定位置。HTML”,然后删除P/P及其内容。示例代码如下:

方法很简单。只需在href中添加外部页面路径!示例代码如下:

依次添加后,页面效果如下:

点击其中一个标题“开发状态”,页面会跳转,如下图所示:

在这里,放置顶部的问题出现了。如果我们的文章目录总是位于视图的顶部,那么每当我们单击页面中的链接时,顶部目录将与标题重叠,这非常难看。为了解决这个问题,需要引入div布局的应用。我们稍后再谈。

好 啊!今天,我们的内容结束了。下一次,我们将学习图像映射链接的功能。

喜欢朋友请注意我,喜欢也会让我充满动力。