HTML, CSS 구조 및 초기화

김규리·2021년 5월 17일
0

front-end

목록 보기
2/16

HTML

<DOCTYPE>

문서(페이지)의 HTML 버전을 지정

DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의하며, 웹브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도.

<html>

문서의 전체 범위

HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할.

  • <meta> 태그 : HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공. name = 는 정보의 종류, content= 는 정보의 값을 의미.

<body>

문서의 구조를 나타내는 범위

사용자 화면을 통해 보여지는 로고, 헤더, 푸터, 내비게이션, 메뉴, 버튼, 이미지 같은 웹페이지의 보여주는 구조를 작성하는 범위.


상대 경로 VS 절대 경로

상대 경로

  • ./: 주변으로 생략 가능.
  • ../: 상위 폴더, 밖으로 한번 나가세요라는 의미

절대 경로

  • http (https):
  • / (//): 루트, 최상위 경로, 프로젝트 전체의 시작을 의미.

CSS

브라우저 스타일 초기화

브라우저별로 초기에 설정되어 있는 css를 제거해 어떤 브라우저에서든 동일한 화면이 보여질 수 있도록 설정.

  1. reset css cdn 검색
  2. html 코드 복사
  3. <link> 태그를 통해서 접근. 이때 추가로 작성하는 main.css 보다 먼저 작성해주는게 포인트!

0개의 댓글