HTML 입문

개요

HTML이란 웹에서 문서를 출력할때 사용하는 일종의 표현 규격이다.

HTML 문서는 꺽쇠(<, >)로 이루어진 태그로 구성되어있으며 태그는 속성을 가질 수 있다.

태그의 속성은 이 문서를 참고 하면 된다.

웹 브라우징의 원리

웹 브라우징은 사용자와 웹 브라우저, 그리고 서버가 서로 통신하는 작업이며 아래 사진과 같은 절차를 가지고 있다.

웹 개발 툴 (IDE)

웹 개발툴에는 어도비 드림위버, EditPlus, Sublime Text 등 여러 종류가 있으며 어떤 것을 사용하던지 무방합니다.

아직 어떤 툴을 사용해야 할지 모르시겠다면 무료이며 요즘 뜨고있는 Sublime Text 를 추천해 드립니다.

웹 개발을 향한 준비가 끝났다면, 지금 바로 시작하세요!

기본 태그 작성법

HTML 문서에서 기본 태그는 아래처럼 작성한다

<태그>내용</태그>

단, 이때 태그는 연 순서대로 닫아야 한다

<태그1>내용1</태그1> (O)

<태그2><태그3>내용2</태그3></태그2> (O)


<태그2><태그3>내용2</태그2></태그3> (X)

HTML 문서의 기본구조

HTML 문서의 시작은 <html> 태그로 시작하고 </html> 태그로 끝낸다

HTML 문서 내부는 크게 웹 문서 제작자나 사용된 언어 등 화면에 직접적으로 표시되지 않는 여러 정보가 들어가는 <head> 태그와 실제 컨텐츠의 정보가 들어가는 <body>태그로 이루어져있다.

<head> 태그 안에는 웹 문서의 제목을 표시하는 <title> 태그, 웹 페이지의 정보를 정의하는 <meta> 태그, JavaScript 를 삽입하는 <script> 태그, CSS 등의 파일을 삽입하는 <link> 태그 등이 들어간다.

<body> 태그 안에는 <head> 태그안에 들어가지 않는 거의 모든 태그가 들어된다.

<html>
  <head>
    <title>페이지 제목</title>
  </head>

  <body>
    웹 문서의 내용
  </body>
</html>

정말 간단한 HTML 페이지 예제

<html>
  <head>
    <title>My Homepage</title>
  </head>

  <body>
    Welcome to my homepage!
  </body>
</html>