태그(Tag)에 관해서

태그(Tag)란?

문서에 이미지와 텍스트를 표시하는 마크업을 하기 위해 사용하는 약속된 표기법을 태그(tag)라 한다.

 

태그의 구성

태그는 '<'와 '>'로 구분한다.

 

태그는 '<'와 '>' 사이에 명령어를 넣음으로서 각종 기능을 사용할 수 있다.

 

예를 들어서 <br>은 'break'의 약자로 의미는 'line break' 즉 <br>태그를 쓰면 강제 줄바꿈을 한다.

 

이 외에도 <hr>, <img>, <p>, <div> 등 다양한 태그가 존재한다.

 

태그의 사용법

태그는 일반적인 태그와 빈 태그로 나뉜다.

 

◎ 일반적인 태그

여는 태그와 닫는 태그 한쌍으로 이뤄진다.

 

예를 들면 '<p>~</p>'처럼 써주면 된다.

 

웹브라우저는 여는 태그와 닫는 태그 사이를 태그의 적용 범위로 인식한다.

 

일반적인 태그는 쌍이므로 꼭 여는 태그와 닫는 태그를 잘 입력해줘야 한다.

 

◎ 빈 태그

일반적인 태그와 달리 쌍이 아니라 단독으로 쓰인다.

 

빈 태그들은 단독으로 써도 HTML에서 기능을 하게 되있다.

 

예를 들어 <br>은 단독으로 써도 강제 줄바꿈을 시행한다.

 

빈 태그들은 컨텐츠는 없고 어트리뷰트 즉 속성값만 갖게 된다.

 

태그는 속성과 함께 사용

태그는 단순히 태그만 사용해도 된다.

 

하지만 태그에 속성 값을 부여해서 다양한 기능을 추가로 사용할 수 있다.

 

형태는 <태그 속성 = "속성값", 속성="속성값"....>으로 사용하면 된다.

 

이미지를 나타내는 태그인 <img>를 예시로 보자.

 

<img src="../test.jpg" width="300px" height="250">

 

<img> 태그를 보면 알겠지만, 'img'는 해당 태그 명 이외에도 이미지의 높이(hight)와 너비(width)를 정해주는 다양한 속성 값을 부여해 이미지를 조정할 수 있다.