HTML의 속성 이름과 속성 값의 차이는 무엇일까?

아래의 코드를 통해 HTML의 기초적인 구조를 알아보자.

 

1. 이 중 HTML 태그는 아래 두 가지다.

<p class=“paragraph”>
</p>

HTML 요소의 태그는 보통 opening tag와 closing tag로 구성되어, 태그 사이에 컨텐츠를 넣어 구조를 표현한다. 여기서 주의할 점은 위에 표시 ‘HTML 요소’ 전체가 HTML 요소라고 판단하면 안 된다.

 

 

2. 이 중 HTML 속성 이름 (attribute name)은 ‘class’ 다.

HTML의 속성(attribute)은 크게 두 가지로 구성되는데, 위의 이미지에서 속성 이름(attribute name)은 ‘class’ 다. 이는 속성 값(attribute value)인 ‘paragraph’와 분명히 구분되어야 한다.

attribute name: 속성 이름
attribute value: 속성 값