HTML 기본 문법

HTML이란?

  • 이는 Hyper Text Markup Language의 약자이다.
  • Hyper Text는 링크를 통해 상호 간의 이동이 가능한 문서를 말한다.
  • Markup은 우리가 HTML에서 사용하는 태그들을 말한다.
  • 따라서 HTML은 상호 간의 이동 가능한 문서들을 태그를 이용하여 만드는 언어라고 생각하면 되겠다.

    • 요소(Element)

  • HTML 요소는 시작 태그와 종료 태그 그리고 태그 사이에 위치한 내용(content)으로 구성된다.

    • 중첩(Nested)

  • <html></html>은 모든 요소들을 포함한다.
  • 중첩관계(부모자식 관계)로 웹페이지의 구조를 표현한다.
  • 2단계 이상 자식 요소로 내려가면 하위(후손) 요소라고 한다.
  • 2단계 이상 부모 요소로 올라가면 상위(조성) 요소라고 한다.

    • 빈 요소(Empty)

  • 내용(content)이 없는 요소, 속성만 소유
  • HTML 기본 구조에서 <meta>와 같은 것
  • <br>, <hr>, <img> 등이 존재

    • 속성(Attribute)

  • 속성이란 요소의 성질, 특징을 정의하는 것
  • 속성은 요소에 추가적 정보(이미지 파일 경로, 크기 등)를 제공한다.

    • 주석 (Comments)

    <!--HTML 주석은 이러한 형태 씁니다.-->
  • 주석은 개발자에게 코드를 설명하기 위해 사용한다.
  • 브라우저는 주석을 화면에 표시하지 않음