최신 웹 개발 튜토리얼

HTML 소개


HTML은 무엇인가?

HTML은 웹 문서를 기술하기위한 마크 업 언어 (web pages) .

  • HTML은 하이퍼 텍스트 마크 업 언어의 약자
  • 마크 업 언어의 집합입니다 markup tags
  • HTML 문서는에 의해 설명되어 있습니다 HTML tags
  • 각 HTML 태그는 describes 다른 문서의 내용을

HTML 예

작은 HTML 문서 :

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
»그것을 자신을 시도

예 설명

  • DOCTYPE 선언은 HTML을 될 수있는 문서 유형을 정의
  • 사이의 텍스트는 <html></html> HTML 문서를 설명
  • 사이에있는 텍스트 <head></head> 문서에 대한 정보를 제공합니다
  • 간의 텍스트 <title></title> 문서의 제목을 제공
  • 간의 텍스트 <body></body> 보이는 페이지의 내용을 설명
  • 간의 텍스트 <h1></h1> 제목 설명
  • 간의 텍스트 <p></p> 단락을 설명

이 설명을 사용하여, 웹 브라우저는 제목과 단락이있는 문서를 표시 할 수 있습니다.


HTML 태그

HTML 태그는 키워드입니다 (tag names) 으로 둘러싸인 angle brackets :

<tagname>content</tagname>
  • HTML 태그는 일반적으로 올 in pairs 같이 <p></p>
  • 한 쌍의 제 태그가 인 start tag, 상기 제 태그는이다 end tag
  • 끝 태그는 시작 태그와 같이 작성하지만, 태그 이름 앞에 슬래시됩니다

시작 태그는 종종이라고 opening tag . 끝 태그는 종종라고 closing tag .


웹 브라우저

웹 브라우저의 목적은 (Chrome, IE, Firefox, Safari) HTML 문서를 읽고을 표시하는 것입니다.

브라우저는 HTML 태그를 표시 할 수 있지만 문서를 표시하는 방법을 결정하기 위해 그들을 사용하지 않습니다

브라우저에서보기


HTML 페이지 구조

아래는 HTML 페이지 구조의 시각화입니다

<html>
<head>
<title> 페이지 제목 </title>
</head>
<body>
<h1> 이것은 향하고 </h1>
<p> 이 단락된다. </p>
<p> 이 서로 단락된다. </p>
</body>
</html>

단지 <body> 영역 (the white area) 브라우저에 의해 표시된다.


<!DOCTYPE> 선언

<!DOCTYPE> 선언은 제대로 웹 페이지를 표시 할 수있는 브라우저를하는 데 도움이됩니다.

웹에있는 다른 문서 종류가 있습니다.

정확하게 문서를 표시하려면, 브라우저 종류와 버전을 모두 알고 있어야합니다.

DOCTYPE 선언은 대소 문자를 구분하지 않습니다. 모든 경우 허용됩니다 :

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

공통 선언

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">

w3ii의 모든 튜토리얼과 예제는 HTML5를 사용합니다.


HTML 버전

웹의 초창기부터, HTML의 많은 버전이 있었다 :

번역
HTML 1,991
HTML 2.0 1,995
HTML 3.2 1,997
HTML 4.01 1,999
XHTML 2,000
HTML5 2,014