<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>여기에는 문서의 제목을 입력해주세요</title>
</head>
<body>
여기에 웹페이지에 표시할 콘텐츠(태그)를 입력해주세요
</body>
</html>
<!DOCTYPE html> : 문서 형식 선언
문서의 내용이 시작되기 전에 해당 문서가 어떤 마크업 언어 형식으로 작성되었는지를 명시하는 태그
!DOCTYPE 뒤에 html을 적은 것은 이 문서가 html로 작성되었다고 알리는 것
<meta charset="utf-8"> : 인코딩
파일과 웹 브라우저의 인코딩 방식을 통일해 깨짐을 방지하는 태그
<head> : 문서 정보 전달
브라우저에게 문서의 정보를 전달하는 태그.
웹 브라우저 화면에 표시될 콘텐츠를 나타내는 것은 아니지만, 웹페이지의 품질에 영향을 주는 중요한 정보들.
중요 : head 에 넣는 정보는 웹상에 보이지 않는다
<title> : 문서 제목
여기에 입력한 제목은 웹 브라우저의 탭 메뉴에 표시된다.
<body> : 화면에 표시되는 콘텐츠
웹 브라우저 화면에 표시될 콘텐츠를 입력하는 태그
중요 : 웹 상에 보이는 정보는 모두 body안에 넣어야 한다.
'HTML, CSS' 카테고리의 다른 글
| (CSS) fixed와 sticky 차이, 화면에 요소 고정하기 (0) | 2024.04.09 |
|---|---|
| (CSS) flexbox 1탄 : justify-content, align-items, flex-direction, flex-wrap 사용법 (0) | 2024.04.01 |
| id와 class의 차이점과 사용방법 (0) | 2024.03.31 |
| HTML block태그, inline태그 차이 (0) | 2024.03.30 |
| HTML, CSS이란? (0) | 2024.03.27 |
