HTML

HTML 이란?

• html은 하이퍼텍스트 마크업 언어(HyperTextMarkupLanguage) 라는 웹 페이지의 지배적인 마크업 언어이다.

태그란?

• html을 구성하기 위한 요소

절대 경로와 상대 경로

1. 절대 경로

1.전체URL
2.https://www.naver.com

절대경로는 URL을 참조하는 문서가 어느 컴퓨터에 있던 상관없이 항상 특정 자원을 불러올 수 있도록 작성하는 형식으로 URL전체를 작성하는 방법입니다.

1.프로토콜 생략
2.//www.naver.com

웹호스팅을 SSL인증 받아 보안 서버를 운영하면 URL이 http가 아닌 https로 URL을 작성하게 됩니다. 브라우저에 표시된 문서의 URL은 https를 사용하고 문서 내 참조하는 이미지는 http를 사용하는 URL로 이미지를 호출하면 보안 문제가 발생하게 됩니다. 프로토콜을 생략하여 URL을 작성하면 문서의 프로토콜과 동일한 프로토콜로 자원을 불러오게 됩니다.

1.프로토콜, 도메인생략
2./referebces/css/flexbox-layout

프로토콜과 도메인이 생략되면 URL을 호출한 문서와 동일한 프로토콜, 도메인을 사용해서 자원을 호출하게 됩니다. 이 때 기준은 호스트의 최상위 경로 root / 가 기준이 됩니다. root를 기준으로 작성된 URL은 서버 세팅이 되지 않은 컴퓨터에서 웹 문서를 확인하면 정상적인 형태를 볼 수가 없습니다. 이 문제를 해결하기 위해서는 VSCode에 Live Server확장프로그램 설치를 해서 테스트를 할 수 있습니다.

2. 상대경로

상대 경로는 현재 작성하는 문서를 기준으로 자원의 경로를 지정하게 됩니다.

• / : 최상위(root) 디렉토리에서 소스를 찾음
• ./ : 현재 디렉토리를 기준으로 소스를 찾음
• ../ : 현재 디렉토리의 부모 디렉토리로 이동후에 소스를 찾음