다이어트

HTML의 구성요소

김맥킨 2014. 2. 7. 17:08

HTML의 구성요소.


음.. 사실 이렇게 기초부터는 안해도 되지만...그래도 공부하는 학생이라면 당연히 기초부터 탄탄히!! 라는 생각을 가지고 있기 때문에 기초부터 차근 차근 정리해보도록 하겠습니다. 


HTML은 크게 4가지 구성요소를 가지고 있다고 합니다.

왜 이걸 알아야 하는지는 잘 모르겠지만 그래도 강좌를 듣기 위해서는 일반적으로 많이 사용하는 단어들을 사용해야 하므로, 이렇 요소들을 꼭 알아야 한다고 하네요. 여튼, 4가지 구성요소들에 대해서 알아보겠습니다. 


1> 요소 (Elements)

요소라는 녀석은 HTML에서 시작 태그와 종료 태그로 이뤄진 모든 명령어들을 의미한다고 합니다. 


2> 태그 (Tag)

태그는 요소들 중 하나로서 시작 태그와 종료 태그 두 종류로 나뉘어져 있다고 합니다. 시작이라는 태그는 요소를 시작한다는 의미를 가지고 있으며 종료태그는 요소를 종료한다는 기능을 가지고 있습니다. 너무 당연한 이야기죠? ㅎㅎ


만약 <p>오늘 나는 밥을 먹었다</p> 라는 요소가 있다고 했을 때 태그는 <p>와 </p>가 되는 것이죠. (앞이 시작태그, 뒤가 종료태그)


3> 속성 (Attributes)

속성은 조금 더 구체화된 명령어를 뜻하는데, 요소의 시작태그 안에 사용됩니다. 


<p align="center"> 나는 오늘 밥을 먹었다.</p>

위 예제처럼 시작태그 안에 "중앙정렬"이라는 속성을 적음으로 하여 "나는 오늘 밥을 먹었다"라는 문장을 가운데로 정렬할 수 있게 되는 것입니다.


4> 변수 (Arguments)

변수는 속성과 관련된 값을 의미한다고 합니다. 


<p align="center"> 나는 오늘 밥을 먹었다.</p>

이 예제에서 align 이라는 속성을 정의했고, 이 속성에 대한 변수로 center 라는 변수를 지정하여 문장을 중앙정렬 한 것이죠.

만약 이 변수를 left 라는 변수를 넣게 되면 왼쪽으로 정렬이 되는 것이죠. 



네 오늘은 첫 시간이다 보니 HTML에 대한 구성요소를 알아보았습니다.

일단 개념을 알고 시작하면 좀 더 명확하게 공부를 할 수 있을 것 같습니다. 

앞으로도 계속 복습하면서 포스팅 올리겠습니다. 





* 본 내용은 제가 홈짱닷컴이라는 사이트를 보면서 HTML을 공부한 내용을 복습으로 올리는 내용입니다.

  보다 자세한 내용과 전문적인 강의를 듣고 싶으시다면 홈짱닷컴을 방문해주세요.

  http://www.homejjang.com/