반응형
- 웹페이지를 작성하는 문서, 논리적이 아니라 구조적으로 이루어져 있는 언어
(Hyper Text Makeup Language)
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>빈 vscode 화면에서 doc를 치고 자동완성기능을 사용하면 위에 같은 기본 뼈대를 만들 수 있다.
<html lang="en"> Tag
- html 파일의 시작, 전체 페이지의 콘텐츠를 포함하며 기본 요소로도 알려져 있다
lang="en" 속성 : html 전체 파일은 en(english) 언어로 설정하겠다는 설정이다.
<head> Tag
- 브라우저에 여러가지 정보들을 전달하는 태그, 보통 페이지상에서는 보이지 않는다.
<meta> Tag
- meta 데이터 태그, 쉽게 이야기하자면 전체 페이지에 대한 기본 정보들을 전달 혹은 설정하는 태그들이다
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />- <meta charset> : 페이지의 언어가 어떤 포맷으로 설정할지 혹은 어떤 형식으로 설정하도록 하겠다는 정보를 담은 태그이다 (유니코드 중 UTF-8)
- <meta http-equiv> : 웹사이트가 어떤 호환성을 가지고 있는지 혹은 Javascript를 어디까지 사용할 수 있는지 설정하는 속성이다
- <meta content > : 어떤 정보를 담은 태그 속성이다. (ex. IE=edge < Internet Explorer의 edge 버전을 뜻 한다)
- <meta name ="viewport" content="width=device-width, initial-scale=1.0"> : 화면에 대한 속성을 담은 태그이다
- 보이는 너비, 높이에 대한 카메라 설정, 웹페이지의 가로 너비를 브라우저 혹은 스마트폰의 너비에 맞추는 속성
- 기본 확대 비율은 1.0배로 설정한다
<title> Tag
- 웹페이지의 제목, 사이트의 이름을 설정할 수 있는 태그, 브라우저의 탭에 표시되는 제목을 설정할 수 있다.
- 페이지가 책갈피 될 때 페이지를 설명하는 목적으로도 사용이 가능하다
<title>Document</title>
'HTML&CSS' 카테고리의 다른 글
| (HTML) form Tag (0) | 2023.01.09 |
|---|---|
| (HTML) Table Tag (0) | 2023.01.09 |
| (HTML) Tags(2) (0) | 2023.01.09 |
| (HTML) Tags (0) | 2023.01.09 |
| HTML이란?(2) (0) | 2023.01.09 |
