HTML, HTML Element이란?

HTML이란?

HTML은 이미지, 텍스트, 비디오와 같은 콘텐츠(contents)들이 웹사이트에 보일 수 있도록 해주는 구조를 가진 언어입니다.

  • 마크업 언어(Markup Languege)는 원래 텍스트(raw text)의 구조와 표현을 정의하는 컴퓨터 언어입니다.

  • HTML안에서 컴퓨터는 HTML 요소 안에 감싸진 원래 텍스트(raw text)를 해석할 수 있습니다.

  • 하이퍼텍스트(HyperText)는 하이퍼 링크로 알려진 링크로 통해서 다른 텍스트에 접근할 수 있는 방법을 제공해주는 컴퓨터나 또 다른 장치에서 보여지는 텍스트를 의미합니다.

HTML 요소(element)란?

HTML 요소(element)는 HTML 문서 중 콘텐츠의 하나의 조각(a piece of content)입니다.

여는 태그와 닫는 태그 사이에 콘텐츠가 들어가는 규칙이 있습니다.

Note: 몇 개의 HTML 요소 중에는 <br>과 같은 콘텐츠를 가지지 않는 요소들도 있습니다. 이러한 요소를 empty element라고 부릅니다. empty element는 스스로 닫는 것으로 언급하기 때문에 닫는 태그를 가지지 않기도 합니다. 또한 <br>과 같은 스스로 닫는 태그(self-closing tags)들은 태그 안 마지막에 슬러시(/)가 들어갈 수 있습니다.

HTML 요소는 중복이 가능합니다. 이 말은 즉, 요소(elements)들은 다른 요소들 안에 포함되거나 중복되는 것이 가능하다는 뜻입니다.

HTML은 가족 트리 구조(Family tree structure)로 조직될 수 있습니다. HTML 요소는 parents, grandparent, siblings, children, grandchildren 등의 구조를 가질 수 있습니다.

위의 이미지에서
<body> 태그 안에 <div>, <h1>, <h2> 태그가 존재하는 것처럼 중복으로 구성될 수 있습니다.

<h1><div>의 child 입니다
<div><h1>의 parent 입니다 
<h1><body>의 grandchild 입니다
<body><h1>의 grandparent 입니다
<h1><h2>의 sibling 입니다. 
  • HTML element: HTML 문서의 콘텐츠 단위입니다.

  • HTML Tag: ‘<’와 ‘>’와 같은 홑화살괄호로 둘러쌓인 HTML element 이름입니다.

  • Opening Tag: HTML element를 시작하는 첫 HTML 태그입니다.

  • Content: HTML element의 열린태그 닫힌태그로 둘러쌓인 정보입니다.

  • Closing tag: HTML element를 마무리하는 두 번째 HTML 태그입니다. 닫힌 태그는 태그 안 앞에 슬러시(/)를 가집니다.

참고사이트
코드카데미 HTML Element Docs https://www.codecademy.com/resources/docs/html/elements

좋은 웹페이지 즐겨찾기