본문 바로가기

Frontend/HTML

HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language)

  • 웹 브라우저에서 하이퍼텍스트 기능을 구현하는 웹 페이지 작성 언어

Hyper Text

  • 사용자 선택에 따라 관련한 특정 정보로 이동할 수 있도록 조직된 문서

HTML 문서의 구성

  • 태그 : 요소를 만들 때 사용하는 작성 방법
  • 요소 : HTML 페이지를 구성하는 각 객체
  • 속성 : 태그에 추가 정보 부여할 때 사용

HTML 문서 구조

  • <!DOCTYPE html> : 웹 브라우저에게 html 문서라고 알리는 태그. 반드시 첫 행에 위치해야 함.
  • <html> : 모든 html 페이지의 기본 요소. 모든 태그는 html 태그에 작성
  • <head> : body에 필요한 스타일시트와 자바스크립트 제공, 외부 파일 연결
  • <meta charset="UTF-8"> : 문자열 처리 방식
  • <title> : 웹 브라우저 제목
  • <body> : 사용자에게 보이는 부분. 화면에 출력하고자 하는 모든 내용
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>웹 브라우저 제목</title>
</head>
<body>
	...
</body>
</html>