[HTML] HTML 기본

이건·2023년 12월 21일
0

Front-end

목록 보기
1/15

HTML이란?

HTML(Hyper Text Markup Language)는 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어이다. 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공하고. 이미지와 비디오 같은 콘텐츠를 삽입할 수 있게 해주는 요소들로 구성된 지극히 간단한 언어이다.

  • 웹을 이루는 가장 기초적인 구성요소
  • 웹 페이지를 만들기 위해 필요한 표준 마크업 언어

구성 요소

  • 요소
    • 시작 태그와 종료 태그로 이루어진 모든 명령어
    • 하나의 HTML문서는 요소들의 집합
  • 태그
    • '<'와 '>'로 묶인 명령어로 시작 태그와 종료 태그를 한 쌍으로 사용
  • 속성
    • 요소의 시작 태그 '<'에 사용
    • 명령어 구체화
    • 한번에 여러개의 속성을 사용할 수 있음
    • 속성의 구분은 공백을 이용
  • 변수/속성값
    • 속성이 가지는 값
    • 값 입력시 "" 또는 ''사용

기본 구조

<!DOCTYPE html>
<html>
  	<head>
    	<meta charset="utf-8" />
    	<title>문서의 제목</title>
  	</head>
  	<body>
  	  웹페이지에 표시할 내용
 	 </body>
</html>

!DOCTYPE html

  • 문서의 첫 부분에서 문서 유형을 지정하는 단일태그
  • DOCTYPE 선언은 HTML 문서에서 HTML 태그를 정의하기 전에 가장 먼저 선언되어야만 한다.
  • 현제 표준으로 사용되고 있는 HTML 버전을 사용하기 위해 적어주는 타입이 바로 'html'이다.

html 태그

  • 문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나타내는 태그
  • 이 태그의 내부에 다양한 태그들이 포함되어 문서의 내용을 구성한다.

head 태그

  • 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들이 들어가는 태그

body 태그

  • 실제 브라우저 화면에 표시될 내용을 입력하는 태그

0개의 댓글