HTML 하이퍼링크 <a>태그로 이미지 링크 걸기

Html의 기초를 공부하려면 기본적으로 아래 용어를 알고 있어야 합니다. 

어렵게 보일 수 있지만 생각보다 어렵지 않습니다.

 

• '태그-Tag' : HTML 문서를 이루는 문법적 표시
• '요소-element' : HTML 요소 즉, 시작 태그에서 종료 태그까지
• '속성-attribute' : HTML 속성은 요소에 대한 추가 정보를 제공
  
  

태그는 html 페이지에서 객체를 만들 때 사용하는 것입니다. 그리고 태그를 사용해 만들어진 객체를 요소라고 부릅니다. 이제 조금 감이 오시나요?

 

태그, 속성이름, 속성블록, 속성값 태그

 

간단하게 위 이미지처럼 태그를 이용해 요소를 만들어봤습니다. 이제 이미지나 문구에 링크를 걸기 위해 속성을 사용해야 되는데요. 속성은 태그에 추가 정보를 부여함으로써 사용됩니다.

 

728x90

 

태그, 속성이름, 속성블록, 속성값, 내부문자

 

a 앵커태그라 불리우는 이 태그는 속성블록에 적혀져있는 주소로 이동하게 해주는 태그입니다. 이제 이 앵크태그 안에 내부문구를 지우고 위 이미지 태그를 이용해 적용해보도록 하겠습니다. 

 

태그, 속성이름, 속성블록, 속성값, 이미지적용

어떠세요? 생각보다 어렵지 않으시죠? 천천히 하나하나씩 참고 버텨가며 공부하시면 언젠가는 html 을 눈 감고도 코딩하지 않으실까요?

 

 

 

2022.07.22 - [IT Story/Css] - CSS Flex는 flex-direction 어떻게 사용할까?

CSS Flex는 flex-direction 어떻게 사용할까?