HTML의 구성요소 태그(Tag), 요소(Element), 속성(Attribute), 변수(Arguments)

HTML의 구성요소 태그(Tag), 요소(Element), 속성(Attribute), 변수(Arguments)

HTML을 공부하면서 아래와 같은 다소 생소한 용어가 몇개 등장합니다. 단지 이 부분을 이렇게 부른다는 정도의 의미이지만, 설명을 하기 위해서는 이런 용어를 사용할 수 밖에 없으니 HTML 강좌를 보시기전에 가볍게 보시기 바랍니다.

1. 요소(Elements)

HTML에서 시작 태그와 종료태그로 이루어진 모든 명령어들을 의미합니다.

2. 태그(Tag)

요소(Elements)의 일부로 시작 태그와 종료 태그 두 종류가 있습니다.시작 태그는 요소를 시작하며, 종료태그는 요소를 끝내는 기능을 가지고 있습니다.일부 태그 중에는 종료 태그가 없는 것도 있습니다.

요소와 태그의 개념이 뚜렷이 구별되지 않고 혼용되는 경우가 많은데 HTML을 배우는데는 굳이 요소라는 말을 쓰지 않아도 되지만 CSS나 Javascript를 배울때는 요소라는 말이 아주 중요한 용어가 됩니다.

<p>하나의 문단내용이 여기에들어 옵니다.</p>

<iframe src="http://www.homejjang.com/src/source_view.php?uid=93" frameborder="no" width="680" height="100" scrolling="auto" id="update_tb" style="margin-left: 10px;"></iframe>

위의 예제에서 요소는 <p>하나의 문단내용이 여기에들어 옵니다.</p> 전체를 의미합니다. 그러나 태그는 <p>와 </p>만을 의미하죠.

3.속성(Attributes)

요소의 시작 태그 안에서 사용되는 것으로 좀 더 구체화된 명령어 체계를 의미합니다.

<p align="center">태그에 속성을 부여하면 태그의 성격을 좀더 구체화 시킵니다.</p>

<iframe src="http://www.homejjang.com/src/source_view.php?uid=95" frameborder="no" width="680" height="100" scrolling="auto" id="update_tb" style="margin-left: 10px;"></iframe>

<p>태그안에 align 이라는 속성(Attributes)을 추가적으로 사용하였습니다.

단순히 <p>는 문단을 의미하지만 <p>안에 정렬을 의미하는 align 이라는 속성을 사용하면, 중앙정렬을 하는 문단을 의미합니다.

4. 변수(Arguments)

속성과 관련된 값입니다.

위의 예제에서 align 이라는 속성에 center라는 변수를 지정했습니다.

보통은 태그, 어트리뷰트, 아규먼트 이와 같이 우리말로 굳이 바꾸어서 사용하지 않고 원어로 그대로 사용하는 경우가 많기 때문에 홈짱닷컴의 강좌에서도 가능하면 원어로 설명하겠습니다