<img> 이미지 불러오기 / <a href></a>이미지에 링크걸기

 

<img> 이미지 불러오기

​

HTML <img> 요소는 문서에 이미지를 넣습니다.

​

​

<img src="이미지 주소" title="이미지명" width="가로사이즈" height="높이사이즈"> 예를들면 <img src="/images/apple.png" title="apple" width="300" height="300">

title 와 alt를 사용하여 이미지를 설명합니다.

alt는 적용시 안보일때도 있어요~

---

<a href></a>이미지에 링크걸기

 

<a href="링크주소"> <img src="이미지주소" title="이미지명" width="가로사이즈" height="높이사이즈"> </a>

텍스트 링크걸기

<a href="링크주소"> 링크를걸어요 </a>

같은페이지안에서 링크걸기

<a href="#main01"> 메인으로 </a> <h2 id="main01">아래의 제목</h2>

링크주소와 아이디 값이 같게 하면 링크시 이동