HTML 기본 튜토리얼

HTML 미디어

HTML 참조 매뉴얼

HTML5 기본 튜토리얼

HTML5 API

HTML5 미디어

HTML 비디오（Video）재생 HTML 텍스트 포맷

HTML 링크

HTML은 네트워크의 다른 문서와 슈퍼링크를 연결합니다. 거의 모든 웹 페이지에서 링크를 찾을 수 있습니다. 링크를 클릭하면 한 페이지에서 다른 페이지로 이동할 수 있습니다.

온라인 예제

HTML 휠링크　 HTML 문서에서 휠링크를 생성하는 방법은 무엇인가요.

示例

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>기본 가이드(oldtoolbag.com)</title>　
</head>
<body>
<p>
<a　href="/index.html">이 텍스트</a>은 이 웹사이트의 일부 페이지로 가는 링크입니다.</p>
<p><a　href="https://www.baidu.com/">百度</a>은 월드 와이드 웹의 페이지로 가는 링크입니다.</p>
</body>
</html>

测试看看 ‹/›

HTML 휠링크(링크)

HTML은 <a> 태그를 사용하여 휠링크를 설정합니다.

휠링크는 한 글자, 단어, 또는 단어 그룹이 될 수 있으며, 그림도 될 수 있습니다. 이러한 내용을 클릭하여 새 문서나 현재 문서의 일부로 이동할 수 있습니다.

마우스 포인터를 웹 페이지의 링크에 이동시키면, 화살표가 작은 손으로 변합니다.

태그 <a>에서 href 속성을 사용하여 링크 주소를 설명합니다.

默认情况下，链接将以以下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线。
访问过的链接显示为紫色并带有下划线。
点击链接时，链接显示为红色并带有下划线。

注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。

HTML 链接语法

链接的 HTML 代码很简单。它类似这样：

<a href="https://ko.oldtoolbag.com">基础教程网</a>

href 속성은 링크의 목표를 설명합니다.

示例

<a href="https://ko.oldtoolbag.com/">访问基础教程网</a>

上面这行代码显示为：访问基础教程

点击这个超链接会把用户带到基础教程的首页。

提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 링크 - target 속성

使用 target 속성으로, 링크된 문서가 어디에 표시되는지 정의할 수 있습니다。

下面的这行会在新窗口打开文档：

示例

<a　href="https://ko.oldtoolbag.com/"　target="_blank">访问基础教程!/a>

测试看看 ‹/›

HTML 링크- id 속성

id 속성은 HTML 문서에서 책签 태그를 생성하는 데 사용됩니다。

提示: 书签은 특별한 방식으로 표시되지 않으며, HTML 문서에서 표시되지 않으므로 독자에게는 숨겨져 있습니다。

示例

在HTML文档中插入ID:

<a id="tips">有用的提示部分</a>

在HTML文档中创建 a link to "有用的提示部分(id="tips"）"：

<a href="#tips">访问有用的提示部分</a>

또는, 다른 페이지에서 "有用的提示部分(id="tips"）"에 링크를 생성하세요：

<a href="https://ko.oldtoolbag.com/html/html-links.html#tips"> 访问有用的提示部分</a>

基本的注意事项 - 有用的提示

주의: 항상 서브 폴더에 반대斜杠를 추가하세요. 예를 들어 이렇게 링크를 작성하면: href="https://ko.oldtoolbag.com/html"라면 서버에 두 번의 HTTP 요청이 발생합니다. 이는 서버가 이 주소에 반대斜杠를 추가하고 새로운 요청을 생성하기 때문입니다. 예를 들어: href="https://ko.oldtoolbag.com/html/"。

HTML 링크 태그

태그	설명
<a>	하이퍼링크 정의