댓글 목록

HTML 소개

페이지 정보

작성자 운영자 작성일 17-10-29 14:37 조회 1,880 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

동영상강좌보기


HTML이란?

HTML은 웹페이지를 작성하기 위한 표준 마크업 언어입니다. HTML은 웹에 표현되는 정보를 담는 그릇의 역할을 하고 문장으로 표현하면 명사의 역할을 합니다.

  • HTML - Hyper Text Markup Language
  • HTML은 마크업을 사용하여 웹페이지 구조를 설명합니다.
  • HTML 엘리먼트는 HTML페이지 구성을 이루는 요소입니다.
  • HTML 엘리먼트는 태그로 표현됩니다.
  • 브라우저는 HTML태그를 화면에 표시하지 않지만 이를 사용하여 페이지내용을 랜더링하여 화면에 보여줍니다.
  • HTML태그는 'heading', 'paragraph', 'table' 등 내용의 성격을 알려줍니다.

간단한 HTML문서 예

<!DOCTYPE html>
<html>
<head>
<title>페이지 제목</title>
</head>
<body>

<h1>문단제목</h1>
<p>첫번째 문단</p>

</body>
</html>

예제설명

  • <!DOCTYPE html> 이 html문서가 html5로 작성됨을 선언함
  • <html> html페이지의 루트 엘리먼트(요소)
  • <head> 문서에 대한 메타 정보를 포함
  • <title> 문서의 제목 명시
  • <body> 눈에 보이는 페이지 내용을 포함
  • <h1> 페이지내에서 가장 큰(중요한) 제목 정의
  • <p> 문단을 정의


HTML 태그 

html 태그는 꺾쇠(< 와 >) 괄호로 묶인 요소(엘리먼트) 이름입니다.
<tagname>내용은 여기에...</tagname>

  • HTML 태그는 일반적으로 <p> 및 </p>와 같이 쌍으로 표시됩니다.
  • 쌍의 첫번째 태그는 시작태그(또는 여는 태그)이고, 두번째 태그는 종료태그(또는 닫는 태그)입니다.
  • 종료 태그는 시작태그와 비슷하지만 태그 이름 앞에 슬래시(/)가 삽입되어 있습니다.


웹브라우저

웹브라우저(Chrome, Firefox, Safari, Opera, IE,...)의 목적은 HTML문서를 읽고 사용자가 볼 수 있도록 화면에 표시하는 것입니다.

브라우저는 HTML태그는 화면에 표시하지 않지만 HTML태그를 사용하여 문서를 표시하는 방법을 결정합니다.


HTML페이지 구조


<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>


<!DOCTYPE> 선언

<!DOCTYPE>선언은 웹문서 유형을 결정하며 브라우저가 웹페이지를 올바르게 표시할 수 있도록 도와줍니다.

HTML태그보다 먼저 페이지 상단에 1회 나타나야 합니다.

<!DOCTYPE>선언은 대소문자 구별을 하지 않습니다.

<!DOCTYPE html>


HTML역사(버전)

 버전

 년도

 HTML

 1991

 HTML 2.0

 1995

 HTML 3.2

 1997

 HTML 4.01

 1999

 XHTML

 2000

 HTML5

 2014

댓글목록 0

등록된 댓글이 없습니다.