목차


1. HTML


하이퍼 텍스트 마크업 언어(Hyper Text Markup Language, HTML)는 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어다.

HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 그리고 이미지와 객체를 내장하여 대화형 양식을 생성하는 데 사용될 수 있다.

HTML은 웹 페이지 콘텐츠 안의 **꺾쇠 괄호(<>)**에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다. HTML은 웹 브라우저와 같은 HTML 처리 장치의 행동에 영향을 주는 자바스크립트, 본문과 그 밖의 항목의 외관과 배치를 정의하는 CSS 같은 스크립트를 포함하거나 불러올 수 있다. HTML과 CSS 표준의 공동 책임자인 W3C는 명확하고 표상적인 마크업을 위하여 CSS의 사용을 권장한다.

출처: https://ko.wikipedia.org/wiki/HTML

1) 문서의 골격

아래 코드는 HTML 문서의 기본적인 틀이다.

<!--index.html-->
<!DOCTYPE html>
<html lang='ko'>
  <head>
    <meta charset="UTF-8">
    <title>HTML 문서의 제목</title>
  </head>
  <body>
    <h1>Hello</h1>
    <p>HTML</p>
  </body>
</html>

추가적으로 첫 페이지 이름을 보통 index.html라고 명칭을 짓고는 한다.

현재는 관습이라고 생각하면 편하고, 예전에는 웹서버에서 디렉토리 파일 목록을 보여주기위해 index.html로 만들었다고 한다.

옛날에는 웹서버에 지금우리가 작성하는 웹페이지가 아니라 파일들만 있었기 때문에 전통적인 웹서버(apache/nginx)에선 웹서버가 파일목록(index.html)을 만들어 보여줬다고 한다.