HTML의 기본 구조 : html, head, body

ㅇ_ㅇ_ㅂ·2023년 10월 9일

HTML

목록 보기
2/13
post-thumbnail
👀 쉽게 이해하기 위한 참고용 img 👀

🟣 <!DOCTYPE html>

<!DOCTYPE> 은 브라우저가 올바르게 웹 페이지를 표시할 수 있도록 도움

🟣 <html>

<html> 태그는 HTML 문서의 시작과 끝을 의미
모든 태그는 <html> 시작과 끝 </html> html 안에 작성

🟣 <head>

HTML 문서는 <head> 태그와 <body> 로 구성
<head> 태그는 메타데이터를 담는 컨테이너.

◽ 메타데이터란 HTML문서에 대한 정보. 웹 브라우저에 노출되지 않음
과거에는 주로 EUC-KR을 주로 사용했지만, 최근에는 UTF-8만 사용함
<title> 태그는 문서의 제목
검색 엔진 사이트에서 HTML 문서를 찾을 때는 <title> 태그에 작성된 제목으로 찾기 때문에 문서 제목은 중복이 되면 안됨
<head> 태그 영역은 
  <mata charset = "UTF-8">
  <title> 문서의 제목 </title>
  <style> CSS </style>
  <script> 자바스크립트 </script> 등의 태그를 사용함
</head>

🟣 <body>

웹 브라우저 안에 표시되는 내용을 작성하는 영역

<html>
<head> 태그 영역은 
  <mata charset = "UTF-8">
  <title> 문서의 제목 </title>
  <style> CSS </style>
  <script> 자바스크립트 </script> 등의 태그를 사용함
</head>
<body>
	<p> 이 영역이 웹 브라우저 안에 표시되는 내용을 작성.
    	p 태그 외에도 많은 태그(요소)들이 있다. </p>
</body>
</html>



profile
공부 중. !!! !

0개의 댓글