HTML 기본 구조,웹 문서 구조(HTML 문서 구조), HTML문서 확장자, HTML 문서의 기본구조, HTML의 구성요소
CODEDRAGON ㆍDevelopment/Web, WWW
반응형
| < / > HTML |
HTML문서의 태그 구조
| <html> <head> <title></title> </head> <body> </body> </html> |
웹 문서 구조(HTML 문서 구조)
<head>와 <body> 영역으로 구분되며 제목(머리부)과 본문(몸체부)에 해당되는 부분으로 분리되어 집니다.
웹 브라우저는 HTML문서을 읽으면서 텍스트 주위에 있는 모든 태그들을 해석해서 해당 태그에 맞는 정보를 제목, 문단, 이미지 등에 적용하여 표시해 줍니다.
| 영역 | 설명 |
| 머리부 | · <head> 태그 영역 · 문서의 형태, 타이틀 정보, 스타일 정보, 자바스크립트에 대한 정보가 들어가는 부분 · 웹브라우저가 알아야 할 중요한 정보들이 들어가는 곳 |
| 몸체부 | · <body>태크 영역 · 정보 전달을 위한 데이터가 들어가는 부분 · 화면에 직접 출력되는 부분 |
HTML문서 확장자
· 파일명.html
· 파일명.htm : 3자리 확장자만을 지원하는 운영체제를 위해 파일명.htm 도 지원
HTML 문서의 기본구조
· HTML 문서의 시작은 <html> 태그로 시작하고 </html> 태그로 끝납니다.
· HTML 문서 내부는 <head> 태그와 <body>태그로 이루어져있습니다.
| <html> <head> <meta charset="UTF-8"> <title>페이지 제목</title> <script>javascript</script> <style type="text/css"></style> </head> <body> 웹 문서의 내용 </body> </html> |
HTML의 구성요소
| 구성요소 | 설명 |
| 요소(Elements) | · HTML에서 시작태그 와 종료태그로 이루어진 모든 명령어들 · 태그명령어 종류들 |
| 태그(Tag) | · 요소의 하나로서 시작태그 와 종료태그로 이루어져 있습니다. · <h2>HelloWorld</h2> |
| 속성(Attributes) | · 조금 더 구체화된 명령어 · 요소의 시작태그안에 사용되어 집니다. · 다양한 효과를 부여합니다. |
| 값(Arguments) | · 속성과 관련된 값을 의미 |
'Development > Web, WWW' 카테고리의 다른 글
| text-indent 프로퍼티 (0) | 2020.03.22 |
|---|---|
| 웹표준, 웹 접근성 (0) | 2020.03.16 |
| Dart(다트) (0) | 2020.01.07 |
| Pure CSS Francine - HTTML와 CSS를 직접 코딩하여 그린 그림 (0) | 2019.12.26 |
| 널링크(NULL링크) (0) | 2019.12.23 |