HTML 태그(tag)의 사용방법

HTML 문서는 기본적으로 수많은 태그(Tag)들로 이루어져 있다.

그리고 그 태그들은 모두 각각의 의미를 가지고있기 때문에, 문서 위치나 상황에 맞게끔 적절히 잘 사용을 해야한다.

물론 추후에 코드작성을 하고 실제로 웹페이지로 확인했을때 이 태그를 쓰나 저 태그를 쓰나 보여지는건 똑같을 수 있다. 

하지만 초반에도 언급했듯이 HTML은 단순히 보여지는 웹페이지를 디자인 하기 위한 목적으로 사용하는것 아닌 엄연한 '문서'로써 웹표준 및 웹접근성을 준수하여 작성을 하여야 하기 때문에 태그의 종류를 바로 알고 바로 사용해야 한다.

 

[태그(tag) 사용법]

기본적으로 태그는 꺽쇠를 사용하여 표현하고, 예외도 있지만 열고 다는 부분이 있다.

- 여는부분 : <태그>

- 닫는부분 : </태그>    (태그 앞에 '/'가 추가됐다)

<p>문단</p>

위와 같이 예를들어 p(paragraph) 태그를 사용한다고 했을때,

꺽쇠를 이용해서 <p>로 시작을 하고 </p>로 끝을 맺는다. 일반적으로 작업하다보면 <p>를 연다고 표현하고, </p>를 닫는다고 표현한다.

이렇게 <p> ~ </p> 사이에 쓰고싶은 텍스트를 쓰면된다.

그럴경우 실제로 웹페이지를 구현했을때는 태그 사이에 텍스트만 보여지겠지만, 컴퓨터는 HTML 문서를 읽어내리던 중에 <p>태그가 사용된 걸 인지하여 이부분이 문단내용임을 알 수 있는 것이다.

 

이렇게 태그별로 각 활용처에 대한 의미를 가지고 있는데, 이 태그의 종류들에 대해서는 다음에 더 자세히 알아보도록 하자