본문 바로가기
웹/html & css

html 기본 틀

by 쵠몽 2024. 10. 29.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

 

<head></head>

실제 웹 페이지 화면엔 나오지 않지만 문서의 정보를 넣는 부분

 

<meta>

정보를 넣는 태그, 태그 옆에는 부가적인 속성을 넣음

  • charset: 문자셋 설정
  • name="viewport" : 모바일 관련 기능, 가상의 브라우저 엔진을 조정하는 속성 설정
  • content="width=device-width" : 디바이스의 화면 너비를 따르도록 해주는 속성 설정
  • initial-scale=1.0 : 모바일에서의 확대, 축소 기능 수준을 설정

 

<title></title>

브라우저 상단 제목 표시줄에 노출 되는 영역

 

<body></body>

화면에 노출되는 내용을 담는 부분