HTML 기본 개념

원종운·2019년 12월 31일
0

1. 주석

  • 실제로는 브라우저에 출력되지 않고 소스 코드상에 부가적인 정보를 기록하는데 사용합니다.
  • ""를 사용하여 주석을 남길 수 있습니다.
  • HTML 코드
<h1>제목</h1> <!-- 주석 : 제목 태그 -->

2. 공백

  • 기본적으로 HTML은 두 칸 이상의 공백을 모두 무시합니다.

  • HTML 코드

    <h1>Hello, HTML</h1>
    <h1>Hello,   HTML</h1>
    <h1>
        Hello,
        HTML
    </h1>
Hello, HTML <!-- "Hello,"와 "HTML" 사이의 공백이 한 칸이므로 정상적으로 출력-->
Hello, HTML <!-- "Hello,"와 "HTML" 사이의 공백이 두 칸 이상이므로 한 칸이상은 모두 무시-->
Hello, HTML <!-- 위와 동일 -->

3. 필수 구조

3.1 문서 타입 정의 태그(doctype tag)

  • 문서 타입 정의는 보통 DTD(doctype)라고 부르며 문서가 어떤 버전으로 작성되었는지 브라우저에 알려주는 선언문이며 반드시 문서(파일) 내 최상단에 선언되어야 합니다.
  • 어떠한 html 태그도 이 doctype 태그보다 먼저 나와서는 안됩니다.
  • 해당 태그가 없을 시 브라우저는 비 표준 방식으로 문서(파일)을 해석하므로 필수적으로 있어야 합니다.
  • HTML 코드
<!DOCTYPE html>

3.2 html 태그

  • HTML 코드
<html lang="ko">
</html>

3.3 head 태그

  • 메타 태그(meta tag), 스타일 태그(style tag), 링크 태그(link tag) 등을 주로 작성하는 태그
  • HTML 코드
<head> head 내용 </head>

3.4 body 태그

  • 실제 브라우저에 나오는 내용들을 작성하는 태그
  • HTML 코드
<body> body 내용 </body>

3.5 실제 기본 html 문서 구조

<!DOCTYPE html>
<html lang="ko">
  <head>head</head>
  <body>body</body>
</html>
profile
Java, Python, JavaScript Lover

0개의 댓글