HTML은 요소를 이용하여 내용을 구성합니다. 요소는 테그를 이용하여 생성합니다.

테그의 위치

테그의 종류에 따라서 위치하는 테그가 다릅니다. 테그는 2개의 종류로 구분이 되어 집니다.

테그의 종료

  • 내용이 있는 테그
  • 내용이 없는 테그

내용이 있는 테크

내용이 있는 테그는 시작테그와 종료 테그로 한쌍으로 구성됩니다.

내용이 없는 테그

내용이 없은 테그는 단일 테그로 구성이 됩니다.

  • img
  • br

기본적으로 테그는 한쌍으로 이루어져야 하나, 단일 테그는 하나만 있습니다.

XHTML5

기본적으로 테그는 시작과 종료로 이루어져 있습니다. 하지만, 내용이 없는 테그의 경우 종료 테그가 존재 하지 않습니다. XTML5는 단일테그를 내용물이 있는 테그와 유사한 의미로 표현을 하기 위해서 테크 종료기호를 />로 사용을 합니다.

다음은 <br>테그의 xhtml5 형식의 표현입니다.

<br /> 

속성

초창기 html은 테그 자체적으로 문서의 요소를 표현을 할 수 있습니다.
그외에 테그에 속성을 추가로 부여를 할 수 있습니다.

속성은 속성명을 한쌍으로 선언을 합니다.
다음은 p테그에 속성을 부여하는 예제 입니다.

<p 속성명="값"> 안녕하세요 </p>

문법 하이라이트

vscode에서는 테그는 파랑색으로 표시됩니다.
속성은 하늘색으로 표시가 됩니다.

테그학습