HTML(Hiper text make language)
HTML은 바로 그 웹의 최소 단위인 웹페이지를 만드는 언어입니다
html 파일은 기본적으로 아래와 같은 구조
1. <!DOCTYPE html>은 HTML 문서 버전을 선언하는 내용이다.
웹 브라우저에게 나는 어떤 버전의 HTML로 작성되었는지 알려주는 것이다. 영어에 비유하자면 영국식 영어인지 미국식 영어인지 알려주는 뭐 그런 셈이다. HTML은 계속 발전해오면서 여러 버전을 거쳤다. 최신 버전은 HTML5이다. 그래서 HTML 관련 책들을 보면 HTML5라고 말하는 것이다. HTML5 이전 버전에서는 <!DOCTYPE html>이라고 선언하지 않는다.
2. <html> ~ </html>은 html 코드 영역을 알려주는 것이다.
HTML은 태그라는 것을 사용하는데 항상 시작표시와 끝 표시가 있다. 시작과 끝 모두 동일한 단어를 사용하는데 끝 부분에만 '/'를 추가한다. <html>태그는 <head>와 <body>를 감싸고 있다.
3. <head> ~ </head>는 웹브라우저에게 여러 부가적인 내용을 알려주는 영역이다.
설문지에 빗대어 보겠다. 설문지를 작성하기 전에 이름, 나이, 연락처, 주소 등을 쓴다고 해보자. 그럼 이름, 나이, 연락처, 주소를 적는 영역이 <head>에 해당하고 질문과 답변 있는 영역이 <body>에 해당한다. 설문 조사하는 사람 입장에서는 설문 응답 내용이 본 내용이고 관심이 가는 부분이다. 설문 응답 내용을 보다가 이런 답변을 남김 사람은 대체 누구야? 라는 물음이 생길 때 이름, 나이, 연락처 등을 확인하 수 있다.
4. <body> ~ </body>는 웹페이지 내용이다. 본 내용이 담겨있다. 우리가 보는 웹 페이지 모습은 <body> 내에 적힌 내용을 웹 브라우저가 해석하여 표현해주고 있는 것이다.
<!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시
<html> : HTML 문서의 루트(root) 요소를 정의
<head> : HTML 문서의 메타데이터(metadata)를 정의
- 메타데이터(metadata)란 HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미
- 이러한 메타데이터는 <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현가능.