HTML Dasar : Hyperlink (8/13)

Summary

本视频介绍了HTML中的超链接，详细讲解了如何使用<a>标签创建链接。通过示例，视频展示了如何使用外部链接、内部链接和相对URL。还讲解了如何使用锚点链接跳转到页面的特定部分，以及如何使用target="_blank"在新标签页打开链接。视频还提到将图片与超链接结合的应用，虽然图片的使用将在后续课程中讲解。视频内容适合HTML初学者，帮助他们理解和掌握超链接的基础使用方法。

The video is abnormal, and we are working hard to fix it.
Please replace the link and try again.

Q & A

HTML中的超链接是什么？

HTML中的超链接是一种可以连接不同网页或不同资源的元素。它通过使用`<a>`标签来创建，并允许用户从一个网页跳转到另一个网页。没有超链接，网页就无法互联。

如何在HTML中创建一个超链接？

在HTML中创建超链接，使用`<a>`标签，语法如下：`<a href='网址'>链接文字</a>`，例如：`<a href='https://www.google.com'>点击这里访问Google</a>`。

什么是`href`属性？

`href`属性是`<a>`标签的一个关键属性，它指定了链接的目标URL，可以是一个外部网站、内部页面或同一页面的锚点。

什么是外部链接？如何创建？

外部链接是指链接到其他网站的URL。在HTML中，创建外部链接时，必须在`href`属性中包含完整的URL，例如：`<a href='https://www.google.com'>访问Google</a>`。

如何创建指向同一网站内部页面的链接？

内部链接是指链接到同一网站或域名下的其他页面。创建时，只需提供目标页面的文件名，不需要写完整的URL，例如：`<a href='page2.html'>去页面2</a>`。

什么是相对URL？

相对URL是指根据当前页面的位置来指定资源路径。如果文件存在于子目录中，需使用相对路径表示。例如，使用`../`来返回到上级目录：`<a href='../folder/page2.html'>去页面2</a>`。

如何在同一页面内创建锚点链接？

锚点链接可以使页面跳转到同一页面的特定部分。首先在目标部分设置一个`id`属性，然后通过`href='#id值'`来链接。例如：`<h2 id='section1'>部分1</h2>`和`<a href='#section1'>跳转到部分1</a>`。

如何控制超链接的打开方式？

通过`target`属性来控制超链接打开的方式。`target='_self'`表示在当前标签页打开链接（默认行为），而`target='_blank'`表示在新标签页中打开链接。

如何将超链接与图片结合使用？

超链接不仅可以使用文本，还可以使用图片。可以将`<img>`标签嵌套在`<a>`标签内，将图片作为链接。例如：`<a href='https://www.google.com'><img src='google_logo.png' alt='Google'></a>`。

如果超链接没有添加`http`前缀，能否正确工作？

如果超链接是指向外部网站而没有添加`http`或`https`前缀，链接将无法正确工作。`http://`或`https://`是必须的，因为它们指示浏览器去访问特定的网络资源。