HTML - 태그의 속성

MJ·2022년 7월 1일
0

HTML 

목록 보기
5/27
post-thumbnail

🌈 1. HTML 태그의 속성이란?


  • 태그의 부가적인 기능을 추가해주는 옵션입니다.
  • 선택해서 사용할 수 있으며, 태그만으로 표현하기 부족한 부분을 속성으로 매꿔 줍니다.
  • 여는 태그에서 사용 합니다. ( 단일 태그는 단일 태그 안에서 사용 )
  • 속성의 개수는 제한이 없습니다.



1.1 속성의 구조


<태그 속성="속성 값"> 콘텐츠 </>
앞에서 부터 태그, 속성, 속성 값으로 구분 되어 있습니다
 
  
* 사용 예시 *
<a href="www.naver.com"> 이곳을 클릭하면 네이버로 이동합니다 </a> 

태그와 속성은 공백으로 구분하며, 속성 값은 " 따옴표를 이용해서 감싸주어야 합니다.



1.2 속성의 사용법


1. 속성을 사용하지 않았을 때 
<a> 이곳을 클릭 시 네이버로 이동 하지 않습니다 </a>

2. 속성을 사용 했을 때
<a href="www.naver.com"> 이곳을 클릭 시 네이버로 이동 합니다 </a>

위의 마크업에서 속성을 사용하지 않고 a 태그만 단순히 사용했다면, 이동을 목표로 하는
타겟의 url 주소를 입력할 수 없어서, 제대로 된 웹 페이지로 이동할 수 없을 것 입니다.

profile
프론트엔드 개발자가 되기 위한 학습 과정을 정리하는 블로그

0개의 댓글