<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>html
웹페이지의 최상위 root다. lang="en" 이 웹 페이지에서는 영어를 기본적으로 사용하겠다는 뜻이며, 우리가 어떤 언어를 페이지의 기본으로 설정할 수 있는지는 아래 사이트에 들어가면 볼 수 있다.
HTML 설정 언어
head
HTML의 표지와 여러 설정들을 담당한다. 우리가 웹 페이지에 들어가기 전, 보이는 이미지, 탭이나 즐겨찾기 시 자동으로 설정되는 문구 등의 설정을 여기서 담당한다.
meta
meta는 웹 페이지에 대한 메타데이터를 제공하는 데 사용된다.
UTF-8
전 세계의 거의 모든 문자를 인코딩할 수 있는 문자 인코딩 표준을 뜻한다.
viewport
영어 그대로 보는것에 관여하는 코드이다.
content="width = device-width html의 width(양 옆 너비)를 device(사용자)의 width에 맞춰준다.
예 사용자 디바이스가 1000px이면 웹도 1000px
initial-scale=1.0
확대 정도를 1 : 1.0 비율로 맞춰준다.
body
우리가 실제로 UI를 구성해 나가는 대부분의 코드는 이 body 안에서 작성된다.
사용자가 웹 페이지에 들어왔을 때 실질적으로 보여지는 모든 데이터를 가지고있으며 우리가 가장 많이 다루게 될 영역이다.
div
div는 굉장히 자주 사용하는 HTML의 Element이다. (무지성으로 치다보면 div를 자주 사용하고 있다..)
Element
<div></div> 처럼 <>로 묶여있는 것들을 Element라고 한다.hello World 출력
<body>
<div>hello World</div>
</body>'HTML5' 카테고리의 다른 글
| 웹 표준과, 웹 접근성을 지키기 (2) | 2024.10.24 |
|---|---|
| 4. Element 안에 넣을 수 있는 공통 데이터, id,class,data- (0) | 2024.08.14 |
| 3. HTML의 Body, Element를 알아보자 (0) | 2024.08.14 |
| 2. Head 를 제대로 활용해보자 (0) | 2024.08.13 |