HTML 링크
HTML 링크
HTML은 하이퍼링크를 사용하여 웹의 다른 문서에 연결합니다. 링크는 거의 모든 웹페이지에서 찾을 수 있습니다. 한 페이지에서 다른 페이지로 이동하려면 링크를 클릭하세요.
예:
<html> <head> <meta charset="utf-8"> </head> <body> <a href="//m.sbmmt.com/">这个是连接哦</a> </body> </html>
위 코드를 클릭하면 지정된 다른 페이지로 이동합니다.
HTML 하이퍼링크(링크)
하이퍼링크는 단어, 단어 그룹 또는 이미지일 수 있습니다. 이러한 내용을 클릭하면 새 페이지로 이동할 수 있습니다. 또는 현재 문서의 특정 부분.
웹페이지의 링크 위에 마우스 포인터를 올리면 화살표가 작은 손 모양으로 변합니다.
<a> 태그를 사용하여 HTML로 링크를 만듭니다.
<a> 태그를 사용하는 방법에는 두 가지가 있습니다.
href 속성 사용 - 다른 문서에 대한 링크 생성
name 속성 사용 - 생성 문서 내 링크 북마크
하이퍼텍스트란 무엇인가요?
마크업 언어의 진정한 힘은 수집된 문서를 완전한 정보 기반으로 결합하고, 문서 기반을 전 세계의 다른 문서 컬렉션과 연결하는 능력에 있습니다.
이러한 방식으로 독자는 문서가 화면에 표시되는 방식뿐만 아니라 하이퍼링크를 통해 정보를 탐색하는 순서도 완전히 제어할 수 있습니다. 이것은 전체 웹을 연결하는 HTML 및 XHTML의 "HT"(하이퍼텍스트)입니다.
하이퍼텍스트 기본 지식
하이퍼텍스트의 기본 기능은 문서를 다른 위치로 연결할 수 있다는 것입니다. 현재 문서, LAN의 다른 문서 또는 인터넷상의 모든 문서에 있습니다. 이러한 문서는 얽힌 정보 웹을 형성합니다. 대상 문서는 일반적으로 소스와 어느 정도 관계가 있으며 소스의 링크 요소를 뷰어에게 전달합니다.
하이퍼링크를 활용하면 다양한 효과를 얻을 수 있습니다. 하이퍼링크는 목차 및 주제 목록에서 사용할 수 있습니다. 시청자는 브라우저 화면에서 마우스를 클릭하거나 키보드의 키를 눌러 문서에서 관심 있는 항목을 선택하고 자동으로 이동할 수 있으며, 세계 문서 어딘가에 있는 완전히 다른 컬렉션으로 이동할 수도 있습니다.
하이퍼링크는 보는 사람에게 문서의 주제에 대한 자세한 정보를 알려줄 수도 있습니다. 예를 들어, "더 자세한 정보를 원하시면 이러저러한 페이지를 참고하세요." 작성자는 하이퍼링크를 사용하여 정보의 중복을 줄일 수 있습니다. 예를 들어, 작성자는 각 문서에 자신의 이름으로 서명하는 것이 좋습니다. 이를 통해 각 문서에 완전한 연락처 정보를 포함하지 않고도 주소, 전화번호 등이 포함된 별도의 문서에 이름을 연결하는 하이퍼링크를 사용할 수 있습니다.
하이퍼 텍스트, 즉 표준 용어로 앵커는 <a> 태그로 표시되며 두 가지 방식으로 표시될 수 있습니다. 앵커 유형 중 하나는 사용자가 활성화하거나 선택(보통 마우스로)하면 브라우저가 연결되는 핫스팟을 문서에 생성합니다. 브라우저는 동일한 문서나 다른 문서의 일부를 자동으로 로드하여 표시하거나 이메일 보내기, 특수 파일 다운로드 등 특정 인터넷 서비스 관련 작업을 실행합니다. 또 다른 유형의 앵커는 하이퍼링크에서 참조할 수 있는 표시를 문서에 만듭니다.
하이퍼링크와 관련된 마우스 관련 이벤트도 있습니다. 이러한 이벤트는 JavaScript와 함께 사용되어 몇 가지 흥미로운 효과를 생성할 수 있습니다.
댓글
두 유형의 앵커 모두 동일한 태그를 사용하므로 이름이 같습니다. 그러나 이를 분리하고 핫스팟 및 하이퍼링크 주소를 제공하는 앵커를 "링크"로 생각하고 문서의 대상 부분을 "앵커"로 표시하는 데 사용되는 앵커를 생각하면 더 쉽게 이해할 수 있습니다.
HTML 링크 구문
링크의 HTML 코드는 매우 간단합니다. 다음과 같습니다:
<a href="url (링크된 페이지의 URL)">링크 텍스트</a>
HTML 링크 - 대상 속성
대상 속성을 사용하면 링크된 문서가 표시될 위치를 정의할 수 있습니다.
다음 줄은 새 창에서 문서를 엽니다.
<html> <head> <meta charset="utf-8"> </head> <body> <a href=" target="_blank" >这个是连接哦</a> </body> </html>
이전 예를 비교하고 차이점을 확인하세요.
HTML 연결 - id 속성
id 속성은 HTML 문서에서 북마크 태그를 생성하는 데 사용할 수 있습니다.
팁: 북마크는 특별한 방법으로 표시되지 않으며 HTML 문서에도 표시되지 않으므로 독자에게 숨겨집니다.
![프론트엔드 프로젝트 - Shangyou [HTML/CSS/JS 기술 종합실습]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![제로 기반 프론트엔드 과정 [Vue 고급 학습 및 실무 적용]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![웹 프론트엔드 튜토리얼 [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Apipost 실무 응용 [api, 인터페이스, 자동화 테스트, 모의]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
