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 |