HTML 기본 용어 요소, 태그, 속성 설명

HTML을 이해하려면 다음의 세 가지 기본 용어에 대해 알아야 합니다.

• 요소(elements)
• 태그(tags)
• 속성(attributes)

요소

요소(elements)는 페이지 내 구조와 콘텐츠를 정의합니다. 가장 많이 사용되는 요소로는 제목에 사용되는 <h1>~ <h6> 요소와 문단에 사용되는 <p> 뿐, 그리고 <a>, <div> 등이 있습니다. 이처럼 요소는 < > 을 사용하여 표시합니다.

태그

태그(tags)는 요소를 감싸고 있는 < > 를 일컫습니다. 이러한 태그는 보통 여는 태그와 닫는 태그로 구성됩니다.

 

다음 예시에서 여는 태그 <div> 와 닫는 태그 </div> 활용 예시를 살펴볼 수 있습니다. 콘텐츠는 각 여는 태그와 닫는 태그 사이에 작성합니다.

<div>
    <p>Hello, World!</p>
</div> 

<br>, img, <hr 태그와 같이 여는 태그만 있고, 닫는 태그가 필요하지 않은 경우도 있습니다.

속성

속성(attributes)은 요소에 추가적인 정보를 제공하기 위해 사용합니다. 가장 일반적인 태그로는 요소를 식별하는 id, 요소를 분류하는 class 가 있으며, src, href 속성 등을 사용할 수도 있습니다.

 

이러한 속성은 여는 태그에 요소 이름 다음에 부여합니다.

<a href="http://tistory.oneroomtable.com/">Welcome to my blog!</a>