집 >웹 프론트엔드 >HTML 튜토리얼 >링크 태그와 HTML 태그의 차이점은 무엇입니까? 사용하는 방법?

링크 태그와 HTML 태그의 차이점은 무엇입니까? 사용하는 방법?

링크 태그와 a 태그는 모두 링크에 사용되는 태그인데, 차이점은 무엇인가요? 이 기사에서는 링크 태그와 태그의 차이점을 소개합니다.

먼저 링크 태그가 무엇인지 살펴볼까요?

링크 태그는 이 페이지와 관련된 다른 페이지를 연결하는 데 사용되는 태그이지만, 이 태그는 웹사이트의 외관과 직접적인 관련이 없습니다.

그래서 기본적으로 head 태그에 작성됩니다.

link 태그는 일반적으로 CSS 및 JavaScript를 외부 파일로 읽고, 파비콘이라는 웹 아이콘을 읽는 데 사용됩니다.

태그가 뭔가요?

링크를 보면 누군가 a 태그를 생각할 수도 있습니다.

a 태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼링크를 정의합니다.

링크 태그와 태그

의 차이점을 살펴보겠습니다. 위의 정의에서 언급했듯이 링크 태그는 웹 사이트의 외관과 직접적인 관련이 없습니다.

그러나 a 태그는 페이지에 하이퍼링크 요소를 생성합니다.

기본적인 하이퍼링크를 만들고 싶다면 a 태그를 사용하고, HTML에서 다른 파일을 읽고 싶다면 link 태그를 사용하세요.

링크 태그는 어떻게 사용하나요?

이러한 파일은 HTML에서 분리하여 외부에 .css 파일 또는 .js 파일로 저장할 수 있습니다.

파일을 읽으려면 위의 링크 태그를 사용해야 합니다.

구체적인 예를 살펴보겠습니다

코드는 다음과 같습니다

HTML

<html>
<head>
    <link rel="stylesheet" href="style.css">
</head>
    <div class="text">text</div>
</html>

CSS

.text {
    color: blue;
    }

실행 결과는 다음과 같습니다

링크 태그와 HTML 태그의 차이점은 무엇입니까? 사용하는 방법?

이렇게 하면 스타일로 작성된 코드를 볼 수 있습니다 .css CSS는 실제로 링크 태그를 통해 HTML에 성공적으로 연결됩니다.

rel 속성은 이 HTML과 CSS의 관계를 지정하고, href 속성은 읽을 파일의 경로를 지정합니다.

a 태그를 사용하는 방법은 무엇인가요?

a 태그의 사용법은 매우 간단합니다. 구체적인 예를 살펴보겠습니다.

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<a href="http://www.php.cn/">php中文网</a>
</body>
</html>

작동 효과는 다음과 같습니다

링크 태그와 HTML 태그의 차이점은 무엇입니까? 사용하는 방법?

위의 "php 중국어 사이트" 링크를 클릭하면 해당 PHP로 이동합니다. 중국 홈페이지 홈페이지.

위 내용은 링크 태그와 HTML 태그의 차이점은 무엇입니까? 사용하는 방법?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：