[HTML] Tutorial 05 - Elements(요소)
[HTML Elements]
- HTML Elements는 <tagname(시작 태그)>contents(내용)</tagname(종료 태그)>으로 정의된다
- HTML Elements는 시작 태그와 종료 태그 한쌍으로 구성된다
- HTML Elements는 중첩해서 쓸 수 있다
예를 들어 아래 코드 블럭을 보면 <html> 코드 안에 <body>도 있고 <h1>도 있듯이...
#Source
<!DOCTYPE html>
<html> <!--HTML 문서 전체를 정의하는 기본 요소-->
<body>
<h1>What is HTML?</h1> <!--Common Headings-->
<p>HyperText Makeup Language</p> <!--Common Paragraph-->
<p>하이퍼텍스트 마크업 언어, 줄여서 HTML<!--End tagless-->
<br><br>
<P>끝!</P> <!--upper case version-->
</body>
</html>
#Result
[HTML Elements - Eng Tag]
- 일부 HTML 요소는 종료 태그가 생략돼도 올바르게 표시된다
- 단, 아래에서 말할 빈 요소와 다르게 절대적인 것은 아니므로 종료 태그 쓰는 것을 습관화하자
사실 비주얼 스튜디오 코드는 시작 태그만 쓰면 종료 태그가 자동으로 붙어서 까먹을 리는 없겠지만
종료 태그를 잊어버리면 예기치 않은 결과나 오류가 발생될 수 있으니 주의하자
[HTML Elements - Empty Tag]
- 일부 HTML 요소 중엔 내용이 필요 없는 요소가 있는데, 이를 Empty Elements(빈 요소)라 부른다
- 대표적으로 <br> 가 있는데, <br> 태그는 줄 바꿈을 정의하고, 종료 태그가 없는 빈 요소다
뭐, 단독으로 쓰여도 의미가 충분하니(나를 만나면 줄 바꿈을 해라-고) end tag나 contents가 없는 게 이해가 간다
[HTML Elements - NOT Case Sensitive]
- HTML 태그는 대소문자를 가리지 않는다, 즉 <h1>이나 <H1>나 결과는 똑같다는거지
평균적으로 HTML 표준은 소문자를 꼭 쓰라고 권장하진 않지만 소문자로 쓰는 게 대세?기도 하고
눈에도 편하니까 뭐.. 어차피 나는 초보니까 남들 하는 만큼만 해도 문제는 없을 듯?