HTML이란?
간단히 말하자면 웹 문서를 만드는 언어를 의미한다.
HyperText Markup Language의 줄임말로 웹 브라우저에 내용을 보여주는 텍스트, 이미지, 영상 등의 위치를 표시하는 것이다.
HTML의 구조
HTML은 기본적으로 태그로 이루어져있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>title</title>
</head>
<body>
웹페이지에 표시할 내용
</body>
</html>첫 줄부터 나눠서 분석해보고자 한다.
!DOCTYPE html
- 문서의 첫 부분에서 문서의 유형을 지정하는 단일태그
- DOCTYPE 선언은 HTML문서에서 html 태그를 정의하기 전에 제일 먼저 선언되어야 한다.
- 현재 표준으로 사용되고 있는 HTML 버전을 사용하기 위해 적어주는 타입이 'html'이다.
html 태그
<html>
head, body등 입력되는 기본 태그
</html>- 문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나타내는 태그
- 이 태그의 내부에 다양한 태그들이 포함되어 문서의 내용을 구성
head 태그
<head>
<meta charset="utf-8" />
<title>title</title>
</head>
-
웹 브라우저는 화면에 보이지 않지만 웹 브라우저가 알아야 할 정보들이 들어가는 태그
<meta charset="utf-8" /> -
문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 단일 태그
-
문자 인코딩: 한글을 표시하기 위해 문자 세트를 지정하는 작업, 영문과 한글을 모두 사용하기 때문에 utf-8 방식을 사용하는 것을 권장
<title>title</title>- 문서의 제목을 입력하기 위한 태그
위와 같이 html 스크립트를 실행 시 웹페이지의 제목으로 사용된다.
body태그
<body>
웹페이지에 표시할 내용
</body>- 웹 페이지 상에 표시될 내용이나 사용되는 기능을 작성하는 태그이다.
사용되는 기능으로는
1. 텍스트 표시 태그
2. 이미지 표시 태그
3. 버튼, 스크롤바, 클릭과 같은 사용자 인터페이스를 나타내는 태그
가 있다.
대감집 노비하러 가는 길