Javascript-full-stack

Head 와 Body

내가갈게하와이 2022. 1. 9. 21:43

<html> 태그 안에는 크게 <head> 태그와 <body> 태그가 존재한다.

<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<title>구름EDU</title>
	</head>
	<body>
		<h1>바로 실행해보면서 배우는 HTML/CSS</h1>
		<p>HTML과 CSS에 대해서 배워봅시다!</p>
	</body>
</html>
  • <head>태그

- HTML문서에 대한 정보를 담고 있다.

- 일반 사용자는 웹 사이트에서 태그에 속한 정보를 볼 수 없다.

- 이 태그는 단 하나만 존재할 수 있다.

- <html>태그 바로 아래 위치한다.

 

  • <meta>태그

- 문서와 관련된 정보를 담는 태그이다.

 

  • <title>태그

- 윕 페이지의 제목을 담는 태그.

- 브라우저에서 탭의 제목이나 즐겨찾기 했을 때 이름으로 볼 수 있다. 

 

  • <body>태그

- HTML 문서에서 실제 보여지는 부분

- 단 하나만 존재 

 

  • <h1>태그

- 제목을 표시하는 태그

 

  • <p>태그

- 단락을 표시하는 태그, 컨텐츠 중 글, 본문에 해당하는 내용을 포함

'Javascript-full-stack' 카테고리의 다른 글

글자와 관련된 태그  (0) 2022.01.10
제목과 본문 태그  (0) 2022.01.10
vs code으로 html 기본구조 자동완성하기  (0) 2022.01.10
시맨틱 태그(Semantic tag)  (0) 2022.01.09
HTML의 기본 구성  (0) 2022.01.05