프론트엔드/일단 만드는 HTML&CSS

HTML/CSS Day 1

오늘도코딩 2023. 1. 30. 21:39

html의 골격

<html>

<head>

<body>

<title>

<meta>

 

<h1>, <p> 태그

 

<!DOCTYPE html>
<html>
  <head></head>
  <body></body>
</html>

 

<!DOCTYPE html> 

이 다큐먼트의 타입은 html입니다.

 

<html> </html>

이 안쪽의 문서가 html입니다.

 

<head> </head>

문서에 직접 보이지 않는 부분(내부적으로 갖고 있는 정보)입니다.

e.g. 제목, 저자, 대표 이미지, 검색 키워드 등

 

<body> </body>

문서에 직접 보여지는 부분입니다.

e.g. 이력서의 제목, 이력서의 내용 등

 

<!DOCTYPE html>
<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>Hello</title>
</head>
<body>
  <h1>안녕하세요</h1>
</body>
</html>

 

 

<title> 태그 안에 넣으면 브라우저 상단에 보이는 탭의 제목에 나온다.

<body> 안에 넣은 정보인 <h1> 태그는 브라우저에 표시된다.