[HTML] html 이미지와 링크 태그

이미지태그

 

이미지는 웹 페이지를 시각적으로 풍부하게 만들어 줍니다.

<img src="example.jpg" alt="예시 이미지">

 

<img> : 웹페이지에 이미지를 삽입할때 사용합니다.

속성

-src : 이미지 파일의 경로를 지정해야합니다.

-alt : 이미지를 표현할 수 없는 경우 이미지 대신 보여줄 대체 텍스트입니다.

 

이미지의 크기나 스타일을 조정하려면 CSS를 함께 사용할 수 있습니다.

 

 

링크태그

 

페이지의 이동이나 연결이 필요할때 사용할 수 있습니다.

<a href="https://www.example.com">예제 사이트로 이동</a>

 

 

<a> : 웹페에지에서 다른 페이지로 이동하거나 연결할때 사용하는 태그입니다.

속성

-href : 연결할 페이지의 url을 지정합니다.

-target: "_blank" 속성을 추가하여 새 탭에서 링크가 열리게 할 수 있습니다.

 

 

이미지에 링크 걸기

 

이미지에 링크가 필요할때 다음과 같은 코드를 사용할 수 있습니다.

<a href="https://www.example.com">
  <img src="logo.jpg" alt="홈 페이지로 이동">
</a>

 

로고를 클릭하면 연결된 링크로 이동할 수 있는 코드입니다.

 

이처럼 이미지,링크 등 다른 태그들을 적절히 활용할 수 있습니다.

 

 

---

처음 html을 접하시는 분들이라면 태그의 사용법이 익숙하지 않으시겠지만,

몇번 연습을 거듭하다보면 능숙히 여러 태그를 능숙히 사용하실 수 있을거에요.

 

실력을 향상하는 방법은 반복되는 연습입니다!