HTML 기본 구조와 속성

HTML 기본 구조

HTML은 markup language이다. 이게 무슨 뜻이냐면 페이지에 제시할 콘텐츠에 추가로 주석을 달아주는 언어라고 한다.

HTML은 문서의 콘텐츠에 각기 다른 의미와 역할을 부여하고 설명한다. 이 콘텐츠는 제목이야, 저건 볼드체로 써, 이건 이미지야 등으로 말이다. 브라우저는 HTML 태그를 이용하여 콘텐츠의 유형을 파악하게 된다.

이전에 작성한

<h1>Hello World!</h1>

을 보면 Hello World!는 그냥 텍스트이지만, <h1>헤더가 붙으므로써 브라우저는 이를 제목으로 파악하게 되었다.

위 코드 전체를 HTML element, 태그 사이의 내용을 element content,
<h1>을 시작태그, </h1>을 종료 태그라고 한다. 종료태그에는 반드시 /를 써서 시작태그와 구분해주어야 한다.

HTML의 속성

속성은 HTML element에 추가할 수 있는 추가 정보이다. 각 HTML element는 다른 속성을 지원하며, 추가하는 속성에 따라 정보를 더하거나 element의 동작을 변경할 수 있다.

속성을 지정할 때는 <시작태그이름 속성이름=”값”>으로 지정한다. 이 때 속성 이름은 반드시 한 칸 띄어서 입력하고, 등호와 큰따옴표는 공백 없이 입력한다. 큰따옴표 사이에는 속성의 값을 입력한다.

<h1 style="값">Hello World!</h1>

이런 식으로 HTML element의 동작을 제어할 수 있다.