반응형
HTML이란
HTML은 Hyper Text Markup Language의 약어로 웹 페이지의 모습을 구성하기 위한 마크업 언어입니다.
지금 보고 있는 이 페이지를 비롯해 모든 웹 페이지는 HTML로 구현되어 있습니다.
HTML은 보통 CSS, JS와 함께 사용되어 더 다양한 스타일과 기능을 구현합니다.
HTML5
HTML5은 W3C가 발표한 HTML의 가장 최신 버전입니다.
HTML5은 이전 버전에 비해 다양한 기능을 추가하여 다른 프로그램의 도움 없이 자체적으로 다양한 기능을 사용할 수 있습니다.
멀티미디어
기존의 웹은 Flash 등 다른 보조 프로그램의 도움없이 영상이나 음악을 재생할 수 없었지만 HTML5에는 멀티미디어 기능이 추가되었습니다.
그래픽 기능
HTML5는 하드웨어 가속을 통해 2차원 그래픽, 3차원 그래픽을 구현할 수 있습니다.
시맨틱 웹
시맨틱 웹은 웹에 대한 정보와 각 태그 사이의 관계를 정의하여 기계가 읽고 이해하여 새로운 정보를 가공할 수 있도록 하는 차세대 지능형 웹입니다. HTML5에서는 시맨틱 웹을 구현하기 위해서 시맨틱 태그를 사용할 수 있습니다.
장치 접근
HTML5에서는 장치에 접근하여 위치, 장치 정보 등을 가져와 더 특별한 웹 페이지를 만들 수 있습니다.
HTML 시작하기
HTML의 기본 구조는 다음과 같습니다.
<!DOCTYPE html> <!-- 현재 웹 페이지가 어떤 버전의 html 기술로 작성되었는지 알리는 선언문입니다.-->
<html> <!-- html 문서는 <html>과 </html> 사이에 작성합니다.-->
<head> <!-- <head>와 </head> 사이에서는 보통 웹 상에서 보이지 않는 부분을 처리합니다.-->
<title>Title</title> <!-- 웹 페이지의 제목을 표시합니다. -->
<!-- head area -->
</head>
<body> <!-- <body>와 </body> 사이에서는 보통 웹 상에서 보이는 부분을 처리합니다.-->
<!-- body area -->
</body>
</html>Hello world 출력하기
HTML은 윈도우 메모장으로도 작성할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Hello world
</body>
</html>다음과 같이 작성하여 html 파일로 저장한 후 실행하면
(저장 시에 확장자를 .txt에서 .html로 변경한 후 저장합니다.)
다음과 같이 웹 페이지가 뜨는 것을 확인할 수 있습니다.
반응형