>  기사  >  웹 프론트엔드  >  HTML 링크 코드를 만드는 방법은 무엇입니까? HTML 이미지 링크를 만드는 방법은 무엇입니까?

HTML 링크 코드를 만드는 방법은 무엇입니까? HTML 이미지 링크를 만드는 방법은 무엇입니까?

寻∝梦
寻∝梦원래의
2018-08-14 13:13:476250검색

HTML 링크 코드는 어떻게 만드나요? HTML 이미지 링크를 만드는 방법은 무엇입니까? 이번 글에서는 텍스트 링크 코드와 이미지 링크 코드에 대해 자세히 소개하겠습니다.

먼저 HTML의 링크 코드가 무엇인지 이해해야 합니다.

HTML의 링크 코드는 일부 텍스트를 변환하는 것입니다. HTML 코드의 하이퍼링크로.

HTML은 하이퍼링크를 사용하여 웹의 다른 문서에 연결합니다.

거의 모든 웹페이지에서 링크를 찾을 수 있습니다. 한 페이지에서 다른 페이지로 이동하려면 링크를 클릭하세요.

HTML 링크 코드 만드는 방법:

HTML 하이퍼링크(링크)

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

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

3499910bf9dac5ae3c52d5ede7383485 태그를 사용하여 HTML로 링크를 만듭니다.

3499910bf9dac5ae3c52d5ede7383485 태그를 사용하는 방법에는 두 가지가 있습니다.

href 속성을 사용하여 - 다른 문서에 대한 링크 만들기

By 이름 속성 사용 - 문서 내에 북마크 만들기

HTML 링크 구문

링크에 대한 HTML 코드는 매우 간단합니다. 다음과 같습니다:

<a href="url">Link text</a>

href 속성은 링크의 대상을 지정합니다.

열기 태그와 닫는 태그 사이의 텍스트는 하이퍼링크로 표시됩니다.

예:

<a href="http://www.PHP.cn/">Visit PHP中文网</a>

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

이 하이퍼링크를 클릭하면 사용자가 PHP로 이동합니다. 중국사이트 홈페이지.

HTML 이미지 링크 제작:

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

예:

요소를 a 요소에 중첩하여 링크로 전환할 수 있습니다.

이미지를 요소에 중첩하세요. 예:

<a href="#"><img src="/images/relaxing-cat.jpg"></a>

"images/relaxing-cat.jpg" 사진 이름입니다.

태그를 사용하여

<a href="链接的地址"><img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"></a>


정의 및 사용법
3499910bf9dac5ae3c52d5ede7383485 태그는 한 페이지 링크의 하이퍼링크를 정의합니다. 다른 페이지로.
3499910bf9dac5ae3c52d5ede7383485 요소의 가장 중요한 속성은 링크의 대상을 나타내는 href 속성입니다.

HTML 링크 - 대상 속성

Target 속성을 사용하면 링크된 문서가 표시될 위치를 정의할 수 있습니다.

다음 줄은 새 창에서 문서를 엽니다:

<a href="http://www.PHP.cn/" target="_blank">Visit PHP中文网!</a>

HTML 링크 - 이름 속성

name 속성은 앵커의 이름을 지정합니다.

name 속성을 사용하여 HTML 페이지에 북마크를 만들 수 있습니다.

북마크는 특별한 방법으로 표시되지 않으며 독자에게 보이지 않습니다.

이름이 지정된 앵커를 사용하면 이름이 지정된 앵커(예: 페이지의 섹션)로 직접 이동하는 링크를 만들 수 있으므로 사용자가 필요한 것을 찾기 위해 페이지를 스크롤할 필요가 없습니다. 정보.

앵커 이름 지정 구문:

<a name="label">锚(显示在页面上的文本)</a>

팁: 앵커 이름은 원하는 대로 지정할 수 있습니다.

팁: name 속성 대신 id 속성을 사용할 수도 있습니다.

예는 다음과 같습니다.

먼저 HTML 문서에서 앵커 이름을 지정합니다(북마크 생성).

aee7bea35e23ff581fab17efbf8104b1기본 참고사항 - 유용한 팁5db79b134e9f6b82c0b36e0489ee08ed

그런 다음 동일한 문서에 해당 앵커에 대한 링크를 만듭니다:

< ;a href="#tips ">유용한 팁5db79b134e9f6b82c0b36e0489ee08ed

다른 페이지에서 이 앵커에 대한 링크를 만들 수도 있습니다:

be5565bfd0fe4b6c62b4b6e1f45a6417유용한 팁5db79b134e9f6b82c0b36e0489ee08ed

위 코드에서는 # 기호를 사용하며 앵커 이름은 URL 끝에 추가됩니다. 앵커라는 팁에 직접 연결합니다.

자, 위 내용은 HTML로 링크코드와 이미지 링크를 생성하는 내용입니다.

【관련 추천】

HTML을 처음부터 배울 수 있는 html의 기본 요소

# 🎜🎜 #

HTML 파일이란 무엇인가요? HTML 파일에 대한 사전 이해


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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.