> 웹 프론트엔드 > HTML 튜토리얼 > HTML에서 링크를 설정하는 방법

HTML에서 링크를 설정하는 방법

藏色散人
풀어 주다: 2023-01-06 11:14:32
원래의
13095명이 탐색했습니다.

HTML에서는 태그를 사용하여 "링크 텍스트"와 같은 구문을 사용하여 하이퍼텍스트 링크를 설정할 수 있습니다. 한 단어, 단어 그룹 또는 이미지. 사용자는 이러한 내용을 클릭하여 새 문서 또는 현재 문서의 특정 부분으로 이동할 수 있습니다.

HTML에서 링크를 설정하는 방법

이 문서의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

HTML은 태그를 사용하여 하이퍼텍스트 링크를 설정합니다.

하이퍼링크는 단어, 단어, 단어 그룹 또는 이미지일 수 있습니다. 이러한 내용을 클릭하면 새 문서나 현재 문서의 특정 부분으로 이동할 수 있습니다.

웹페이지의 링크 위로 마우스 포인터를 가져가면 화살표가 작은 손 모양으로 변합니다.

href 속성은 링크 주소를 설명하기 위해 태그에 사용됩니다.

기본적으로 링크는 브라우저에 다음과 같이 표시됩니다.

  • 방문하지 않은 링크는 밑줄이 그어진 파란색 글꼴로 표시됩니다.

  • 방문한 링크는 보라색과 밑줄로 표시됩니다.

  • 링크를 클릭하면 빨간색 밑줄이 그어져 나타납니다.

참고: 이러한 하이퍼링크에 대해 CSS 스타일이 설정된 경우 표시 스타일은 CSS 설정에 따라 표시됩니다.

HTML 링크 구문

링크의 HTML 코드는 매우 간단합니다.

<a href="url">链接文本</a>
로그인 후 복사

href 속성은 링크의 대상을 설명합니다. .

Instance

<a href="https://www.php.cn/">访问PHP中文网</a>
로그인 후 복사

위의 코드 줄은 다음과 같이 표시됩니다. PHP 중국어 웹사이트 방문

이 하이퍼링크를 클릭하면 사용자는 PHP 중국어 웹사이트의 홈페이지로 이동하게 됩니다.

팁: "링크 텍스트"는 텍스트일 필요는 없습니다. 이미지나 기타 HTML 요소는 링크가 될 수 있습니다.

추천 학습 튜토리얼: html 비디오 튜토리얼, css 비디오 튜토리얼

위 내용은 HTML에서 링크를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿