HTML 이미지링크 하는방법 / 이미지 하이퍼링크

HTML 이미지 링크 하는 방법

HTML 이미지링크  하는방법

HTML 이미지링크 태그 배우기

 

 

안녕하세요.
이번엔 HTML 이미지를 올리고 다른 url로 넘어가는 태그를 알려 드릴겁니다.
매일 사용하는 유저가 아니고선 가끔씩 사용하다보면 잊어버릴 때가 많죠.
오늘은 이해가 쉽고 빠르게 따라할 수 있게 알려드릴게요.

 

아래는 이미지링크를 구성하는 태그 입니다.

<a href> 해당 주소로 이동할 수 있는 태그

<img> 이미지 이미지 삽입할 수 있는 태그

</a> 마지막을 알리는 태그

 

자 그럼 위 태그들을 사용하여 링크를 만들어 보겠습니다.

 

<a href="링크주소"><img src="이미지경로"></a>

완성되었습니다. 참 쉽죠?​

 

---

 

번외편​

위와 같이 링크를 만드셨을 경우 새창이 뜨지 않고 그냥 페이지 이동이 일어날 꺼에요.
그래서 이미지 링크를 하였을 때 추가적으로 알고 계시면 좋은 태그 속성 알려드릴게요.

새창을 띄우실 땐 "target_blank"이라는 태그를 사용하는데요.

<a href="링크주소" target="_blank"><img src="이미지경로"></a>

위와 같이 태그 속성을 첨부해주시면 새창에서 링크가 열립니다.

 

그리고 하이퍼링크의 이미지를 중간에 놓고 싶다하시면
맨 앞에 <center>만 붙여주셔도 중간으로 이미지가 이동 합니다.

 

 

 

 

 

[SSD 추천] SSD, M.2 NVMe추천 디램리스 DRAM Less

USB 3.2 Gen1 Gen2 차이점은 무엇일까?

버티컬 마우스 제품별 특징

SSD 수명 확인 방법