📌 웹 기초
index.html
- 브라우저가 기본적으로 프로젝트 단위로 화면에 출력될 때 index라는 이름을 가진 html파일을 가장 먼저 찾는다. 파일을 찾기 쉽게 index.html이라고 파일명을 지정해주자.
DOCTYPE(DTD)
- 마크업 언어에서 문서 형식을 정의.
- 웹 브라우저에게 현재 페이지가 어떤 HTML 버전인지 알려줌.
<meta>
- HTML 문서의 정보를 검색엔진이나 브라우저에게 제공한다.
- 문서의 정보로는 제작자, 내용, 키워드 등 지정할 수 있다.
<meta>에 입력할 수 있는 값들을 따로 찾아보자.
상대 경로 vs 절대 경로
항상 헷갈리던 개념이었는데 강의에서 설명을 정말 잘해줌.
상대경로
- ./ : 주변(생략가능)
- ../ : 상위폴더
절대경로
- http(https) : 원격
- /(//) : 루트경로(최상위 경로)
📌 index.html을 이용한 여러 페이지를 가진 사이트 만들기
.
├── index.html
├── images
├── css
├── about
⎮ └── index.html
└── login
└── index.html파일명 index.html을 가진 파일들은 브라우저가 가장 먼저 찾는다. 그런 속성을 이용해 폴더를 나누고 그 안에 또다른 index.html 파일을 만들어 여러 페이지를 가진 사이트를 만들 수 있다.
<body>
<a href="/about">About</a>
<a href="/Login">Login</a>
</body>위 코드는 절대경로를 이용했다. 폴더 내의 html파일명이 index.html이기 때문에 경로를 /about이라고 적어도 /about/index.html과 동일하게 작동한다.
📌 emmet
- html코드를 자동으로 완성해주는 플러그인
- 태그만 치고 tab을 누르면 자동완성
- css자동완성도 가능
