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 등의 구조를 가질 수 있습니다.
마크업 언어(Markup Languege)는 원래 텍스트(raw text)의 구조와 표현을 정의하는 컴퓨터 언어입니다.
HTML안에서 컴퓨터는 HTML 요소 안에 감싸진 원래 텍스트(raw text)를 해석할 수 있습니다.
하이퍼텍스트(HyperText)는 하이퍼 링크로 알려진 링크로 통해서 다른 텍스트에 접근할 수 있는 방법을 제공해주는 컴퓨터나 또 다른 장치에서 보여지는 텍스트를 의미합니다.
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
Author And Source
이 문제에 관하여(HTML, HTML Element이란?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@kangpungyun/HTML-HTML-Element이란저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)