HTML 기본 구조

 

  • <!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시합니다.
  • <html> : HTML 문서의 루트(root) 요소를 정의합니다.
  • <head> : HTML 문서의 메타데이터(metadata)를 정의합니다.
    • 메타데이터(metadata)란 HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미
    • 이러한 메타데이터는 <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현
  • <title> : HTML 문서의 제목(title)을 정의하며, 다음과 같은 용도로 사용됩니다.
  • <body> : 웹 브라우저를 통해 보이는 내용(content) 부분입니다.
  • <h1> ~ <h6> : 제목(heading)을 나타냅니다.
  • <p> : 단락(paragraph)을 나타냅니다.

 

HTML 요소 구조

  • 속성 이름은 소문자로 작성
  • 속성 값은 따옴표로 감싸서 사용

 

HTML 요소의 타입

HTML의 모든 요소는 해당 요소가웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가진다.

대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 된다.

1. 블록 (block) : <p>, <div>,  <h>, <ul>, <ol>, <form>

2. 인라인 (inline) : <span>, <a>, <img>

 

'프로그램 > HTML CSS JavaScript' 카테고리의 다른 글

[CSS] CSS 속성  (0) 2021.03.15
[HTML] HTML 태그 정리  (0) 2021.03.03
FrontEnd : HTML, CSS, JAVASCRIPT 이해  (0) 2021.03.03

+ Recent posts