> 웹 프론트엔드 > HTML 튜토리얼 > HTML로 이미지에 링크를 추가하는 방법

HTML로 이미지에 링크를 추가하는 방법

清浅
풀어 주다: 2019-04-09 18:00:42
원래의
29355명이 탐색했습니다.

HTML에서 이미지에 하이퍼링크를 추가하는 방법: 태그를 통해 하이퍼링크를 설정하고, href를 통해 점프하도록 링크를 설정한 다음, a 태그 아래에 HTML로 이미지에 링크를 추가하는 방법 태그를 설정하여 추가할 수 있습니다. 이미지를 클릭하면 대상 링크로 이동합니다.

HTML의 하이퍼링크를 사용하면 인터넷의 다른 문서에 연결할 수 있습니다. 우리는 거의 모든 웹페이지에서 링크를 찾을 수 있습니다. 다음 기사에서는 특정 참조 효과가 있는 사진에 하이퍼링크를 추가하는 방법을 소개하겠습니다. 모든 분들께 도움이 되길 바랍니다

HTML로 이미지에 링크를 추가하는 방법

[추천 과정: HTML 튜토리얼]

태그를 통해 하이퍼텍스트 링크를 설정할 수 있습니다. 내용을 클릭하면 새 문서나 현재 문서의 특정 부분으로 이동하고, 그 위에 마우스 포인터를 놓으면 화살표는 작은 손 모양으로 변합니다.

문법적 형식

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

에는 a 태그에 특히 점프 방법을 제어하는 ​​데 사용되는 target 속성이 있습니다. 예를 들어 self로 설정하면 현재 탭으로 점프하는 데 사용된다는 뜻이고,

공백으로 설정하면

를 사용하여 새 창에서 하이퍼링크가 열린다는 의미도 있습니다. a 태그의 속성 제목은 img 태그의 제목과 동일합니다. 이는 마우스를 가리키면 표시되는 프롬프트 텍스트의 내용을 제어하는 ​​데 사용됩니다.

이미지를 클릭하면 PHP 중국어 공식 홈페이지로 이동합니다. 마우스를 사진 위로 이동하면 설정한 제목이 표시됩니다.

이 기사에 대한 참조HTML로 이미지에 링크를 추가하는 방법: https://www.html.cn/doc/html/link/

HTML 태그 색인

: https://www.html.cn/sitemap.html요약: 그게 다입니다. 이 글이 모두에게 도움이 되기를 바랍니다.


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

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