What is Element?
HTML Element 란 element 모두 시작 태그(start tag)와 끝 태그(end tag)가 있으며, 몇가지 예로는 다음과 같다.
<h1> My First Heading </h1>
<p> My first paragraph.</p>html elements는 nested(내포된) 하다.
이것의 의미는 elements들은 다른 elements들을 포함할 수 있다.
모든 HTML문서들은 내포된 html elements로 구성되어있다.
다음 4가지 elements을 보면 elements가 또다른 elements를 포함한 것을 확인할 수 있다.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>구체적인 설명은 다음과 같다.
html ?
html 은 root element로서 html문서 전체를 정의한다.
html 로 시작하여 /html 로 끝난다.
html element는 아래의 body태그를 내포(nested)하고 있다.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>body ?
body 는 문서의 몸통 역할을 한다.
body 로 시작하여 /body 로 끝난다.
body element는 h1, p로 두가지의 다른 elements를 내포한다.
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>h1 ?
h1 element는 표제를 정의한다.
h1 으로 시작하여 /h1 으로 끝난다.
p ?
p element는 단락을 정의한다.
p 로 시작하여 /p 로 끝난다.
- 몇몇 html elements가 쓰일때 끝 태그를 까먹고 사용하지 않아도 페이지에서 정상적으로 표현되는 경우가 있지만, elements를 사용할때에는 끝태그를 반드시 써주어야한다.
Empty HTML Element?
html elements중 하나이지만 내용이 없는 element를 empty html element 라고 한다.
예시로, br 태그는 줄바꿈을 할 때 사용하는 태그이며 끝 태그가 없는 empty html element이다.
<p>This is a <br> paragraph with a line break.</p>- html은 대소문자를 구분하지 않는다.
P태그는p태그와 동일하다.
html은 반드시 소문자를 사용하도록 요구하진 않지만 되도록 소문자를 사용하는 것을 권장한다.
XHTML과 같은 엄격한 문서 종류에서는 반드시 소문자를 사용해야하기 때문에 소문자에 익숙해질 필요가 있다.
코딩을 공부하기 위한 공간입니다