이미지, 링크 태그

이미지 관련 태그

🔍 <img> 태그

<img> : 이미지 태그. src 속성 이용해서 값(경로)을 넣어준다.

이미지 올리기 방법 1. 해당 이미지 주소 복붙하기

✍️예시

<img src = "이미지 주소 직접 넣기">

이미지 올리기 방법 2. 해당 이미지를 저장 후 폴더 직접 지정하기

✍️예시

<img src="img/img.jpg" width ="100px" height="100px">

---

링크 태그

🔍 <a> 태그

<a> : 링크걸기. href ="경로"를 적어준다.

✍️예시

<a href ="http://www.naver.com/"> 네이버</a><br>

---

🔍 <a> 속성 : target

target : 새탭으로 열기

✍️예시

<a href ="http://www.naver.com/" target="_blank"> 네이버</a>

---

🔍 <a> 속성 : title

title : 마우스를 올려놓으면 말풍선 뜨기

✍️예시

<a href ="http://www.naver.com/" title ="말풍선이 떠요"> 네이버</a>

---

🔍 이미지 클릭하면 해당 링크로 연결

<img> 태그를 <a> 태그로 묶어준다.

✍️예시

<a href="https://www.naver.com/">
	<img src="img/img.jpg" width ="100px" height="100px"><br>
</a>