본문 바로가기
HTML CSS

header, body

by sj0020 2021. 8. 14.

https://developer.mozilla.org/ko/docs/Web/HTML/Element/meta

 

: 문서 레벨 메타데이터 요소 - HTML: Hypertext Markup Language | MDN

HTML요소는 , ,

https://developer.mozilla.org/ko/docs/Web/HTTP/Basics_of_HTTP/MIME_types

 

MIME 타입 - HTTP | MDN

MIME 타입이란 클라이언트에게 전송된 문서의 다양성을 알려주기 위한 메커니즘입니다: 웹에서 파일의 확장자는 별  의미가 없습니다. 그러므로, 각 문서와 함께 올바른 MIME 타입을 전송하도

developer.mozilla.org

https://developer.mozilla.org/ko/docs/Web/HTML/Element/base

 

- HTML: Hypertext Markup Language | MDN

HTML 요소는 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정합니다. 문서에는 하나의 요소만 존재할 수 있습니다.

developer.mozilla.org

<!-- html 버전 선언 -->
<!DOCTYPE html>
<!-- 언어 선언 -->
<html lang="ko">

  <!-- hdad: 문서의 정보 -->
<head>
  <!-- 기타정보(meta) -->
  <!-- 글자 인코딩 방식 -->
  <meta charset="UTF-8">

  <title>Document</title>

  <!-- <base> 요소는 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정 -->
  <base href="https://heropcode.github.io/GitHub-Responsive/">
  <!-- meta: 문서설명 -->
  <meta name = "author" content="작성자이름">
  <meta name = "description" content="사이트설명">
  <meta http-equiv="X-UA-Compatible" content="IE-edge">

  <!-- 외부에서 파일 가져와서 연결(스타일 등..) -->
  <link rel="stylesheet" href="main.css">
  
</head>

<!-- body: 문서의 구조 -->
<body>
  <img src="img/bg.jpg" alt="샘플이미지">
  <img src="img/feature-tile__build.png" alt="샘플이미지2">

</body>
</html>