HTML 문서 기본 구조
📄 HTML이란?
- HyperText: 하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트
- MarkUp: (콘텐츠를) 표시하다
- Language: 언어
즉, HTML은 웹브라우저를 통해 표시되는 웹페이지의 콘텐츠를 정의하기 위해 사용하는 언어입니다.
📄 HTML 문서 기본 구조
▪ <!DOCTYPE html>
문서의 첫 부분에서 문서 유형을 지정하는 단일 태그입니다.
<!DOCTYPE html>
▪ <html> ~ </html>
문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나타내는 태그입니다.
<html>
...
</html>
▪ <head> ~ </head>
웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들입니다.
▪ <meta charset="utf-8">
문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 단일 태그입니다.
영문과 한글을 모두 사용하기 위해 utf-8 방식을 사용하는 것이 좋습니다.
▪ <title> ~ </title>
문서의 제목을 나타냅니다. 콘텐츠는 브라우저 탭에 표시됩니다.
▪ <body> ~ </body>
실제 브라우저 화면에 표시될 내용을 입력하는 태그입니다.
들여쓰기를 깔끔하게 해서 가독성을 높이자
출처
- 유노코딩
Leave a comment