티스토리 뷰

HTML 소개

pilot376 2014. 7. 19. 16:58

HTML이란 무엇인가?

HTML은 웹 페이지를 기술하기 위한 언어이다.

  • HTML은 Hyper Text Markup Language의 약자이다.
  • HTML은 프로그래밍 언어가 아니라 마크업 언어이다.
  • 마크업 언어는 마크업 태그의 집합이다.
  • 태그는 문서의 내용을 표현한다.
  • HTML 문서는 HTML 태그와 일반 텍스트를 포함한다.
  • HTML 문서는 웹 페이지라고 불린다.


HTML 태그

HTML 마크업 태그는 보통 HTML 태그로 불린다.

  • HTML 태그는 꺾쇠 기호로 감싸진 키워드(태그 이름)이다. 예 : <html>, <h1>
  • HTML 태그는 일반적으로 "<p>문장</p>"과 같이 쌍을 이룬다.
  • 한 쌍의 태그 중 처음 태그는 시작 태그이고 두 번째 태그는 종료 태그이다.
  • 종료 태그는 시작 태그의 태그 이름 앞에 슬래시("/")를 함께 쓴다.
  • 시작 태그와 종료 태그는 여는 태그와 닫는 태그로 불린다.
<tagname>content</tagname>


웹 브라우저

웹 브라우저의 목적은 HTML 문서를 읽고 웹 페이지로 표시하는 것이다. 브라우저는 HTML 태그를 표시하지 않지만, HTML 페이지의 컨텐츠를 유저에게 어떻게 표현하고 보여줄지 결정하기 위하여 태그를 사용한다.

<!DOCTYPE html>
<html>
    <body>
        <h1>heading</h1>
        <p>paragraph.</p>
    </body>
</html>



HTML 페이지 구조

위의 HTML 페이지를 시각화하면 아래와 같다.



HTML 버전

버전 연도
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2012


<!DOCTYPE> 선언

<!DOCTYPE> 선언은 브라우저가 웹 페이지를 정확히 표시할 수 있도록 돕는다. 웹에는 많은 문서가 존재하는데, 브라우저는 HTML 버전과 타입을 사용해야만 웹 페이지를 100% 정확하게 표현할 수 있다.



HTML5

<!DOCTYPE html>


HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


댓글