[HTML5CSS3/005] HTML 구성요소 – 요소(Element), 태그(Tag), 속성(Attribute), 변수(Arguments)

 

HTML 문서의 기본 구조를 살펴보기 전에 HTML의 구성요소를 먼저 살펴보는 것이 도움이 될 것 같습니다. HTML의 구성요소는 요소(Element), 태그(Tag), 속성(Attribute), 변수(Arguments) 입니다. 하나씩 살펴보겠습니다.

 

 

요소(Element, 엘리먼트)

보이는 내용

HTML에서는 꼭 필요한 것이 바로 요소입니다. HTML문서는 완전한 HTML요소로 구성되어 있기 때문입니다. 즉 HTML에서 시작태그와 종료태그 또는 시작과 종료의 구분이 없는 태그를 포함한 모든 명령어 및 영역을 의미합니다.

 

 

태그(Tag)

보이는 내용

태그는 꺽쇠괄호(<>)로 둘러싸인 키워드입니다. 그 중 시작을 알리는 태그와 종료를 알리는 태그(일부 태그에서는 종료를 알리는 태그가 없는 경우도 있습니다) 두 가지 종류가 있습니다.

 

 

속성(Attribute, 어트리뷰트)

요소의 태그의 속성을 설정할 때 사용합니다. 태그를 좀더 구체적으로 사용할 수 있도록 도와줍니다. 형태는 '이름(속성의 이름)-변수(또는 '값'이라고 부르기도 합니다)'이며, 사용 방법은 "="로 구분하여 사용합니다. 요소를 설명하는 부분의 예제를 통해서 확인할 수 있습니다.

 

 

변수(argument, 또는 '값, value')

속성과 관련된 값입니다. 값을 사용할 때에는 쌍따옴표("…")나 외따옴표('…')로 둘러싸면서 사용합니다. 때로는 기호를 사용하지 않고 사용하는 경우도 있지만, XHTML에서는 구분 기호가 필요하므로 가급적이면 쌍따옴표나 외따옴표를 사용하는 것이 좋습니다.

 

 

위 용어들은 앞으로 포스팅하면서 계속 사용하게 될 것입니다. 한글을 사용할 수도 있지만, 인터넷진흥원에서 제공하고 있는 자료들에는 영어발음을 한글로 표기해서 사용하고 있습니다. 즉 속성을 '어튜리뷰트', 요소를 '엘리먼트'라고 사용합니다. 그렇기 때문에 속성, 요소라고 말하기 보단, 영어발음을 한글로 표기하는 식으로 사용하도록 하겠습니다.

주 자료 출처는 HTML관련 서적, W3C의 기술 표준서, Wikipedia, 검색 결과 등 입니다. 필요하다면 출처를 표기할 것이지만, 표기하지 않았다면 W3C의 기술표준서를 참고하였다는 사실을 인지하여 주시기 바랍니다.

첫 발을 떼기가 어렵네요. 저도 공부하는 입장이기 때문에 설명이 부족할 수 있습니다. 틀린 부분이나 보충이 필요한 내용은 언제든지 댓글을 통해서 말씀해 주실 수 있습니다. ^^

내용이 마음에 드신다면 공감(♡)을 눌러주세요.
로그인 하지 않으셔도 가능합니다. 감사합니다!