HTML tag 및 Elements

HTML은 Elements를 이용하여 웹에 보여주고자 하는 내용을 표현합니다.

이때 Elements는 웹페이지의 구조를 정해주고 표시하고자 하는 내용물이 어떤 것인지 정의하는 수단입니다.

그럼 어떻게 HTML의 Element가 구성될까요? 

위는 제가 HTML 문서에 p(paragraoh)태그를 이용하여 웹에 HelloWorld!를 표시하려고 만든 Element입니다.

이를 통해 Element의 구조를 설명하자면 HTML은 여는 태그(opening tag)와 닫는 태그(closing tag, 주로 / 를 이용하여 표현)를 가지는 HTML 태그와 표현하고자 하는 내용 (content)로 이뤄져있습니다.

(또한 태그마다 속성을 지정할 수 있는데 이 부분은 차차 포스팅하겠습니다.)

HTML 태그는 Element의 이름으로 여는 괄호("<")와 닫는 괄호 (">")로 둘러쌓여 있습니다.

여는 태그는 HTML Element의 시작을 가리키는데 사용되며 닫는 태그는 HTML Element의 끝을 나타내는데 사용합니다.

내용은 텍스트, 이미지, 비디오 등 여는 태그와 닫는 태그 사이에 위치한 웹에 표시하고자하는 내용물을 가르킵니다.

이렇게 HTML 태그와 내용이 Element를 구성하게 되고 위 코드를 실행해보면

다음과 같은 내용이 웹상에 표시 될 수 있습니다. ( p 태그는 단락을 표시하므로 HelloWorld! 라는 글을 표시하는 단락이 웹상에 표시된다.)

지금까지 HTML의 핵심인 Element에 대해 알아보았습니다. 감사합니다.