<DOCTYPE>
문서(페이지)의 HTML 버전을 지정
DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의하며, 웹브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도.
<html>
문서의 전체 범위
HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할.
<meta>
태그 : HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공. name =
는 정보의 종류, content=
는 정보의 값을 의미.<body>
문서의 구조를 나타내는 범위
사용자 화면을 통해 보여지는 로고, 헤더, 푸터, 내비게이션, 메뉴, 버튼, 이미지 같은 웹페이지의 보여주는 구조를 작성하는 범위.
./
: 주변으로 생략 가능.../
: 상위 폴더, 밖으로 한번 나가세요라는 의미http (https)
: / (//)
: 루트, 최상위 경로, 프로젝트 전체의 시작을 의미.브라우저별로 초기에 설정되어 있는 css를 제거해 어떤 브라우저에서든 동일한 화면이 보여질 수 있도록 설정.
<link> 태그
를 통해서 접근. 이때 추가로 작성하는 main.css 보다 먼저 작성해주는게 포인트!