HTML 기본 튜토리얼

HTML 미디어

HTML 문서는 HTML 요소로 정의됩니다

HTML 요소는 시작 태그(start tag)부터 끝 태그(end tag)까지의 모든 코드를 의미합니다

*시작 태그는 일반적으로 시작 태그(opening tag)라고 불리며, 끝 태그는 일반적으로 닫기 태그(closing tag)라고 불립니다.

주석: 본 튜토리얼의 다음 장에서는 속성에 대해 더 많이 배울 수 있습니다.

대부분의 HTML 요소는 중첩될 수 있습니다 (다른 HTML 요소를 포함할 수 있습니다).

HTML 문서는 중첩된 HTML 요소로 구성됩니다.

<!DOCTYPE html> <html> <body> 이는 첫 번째 문단입니다. </body> </html>

위 예제는 세 개의 HTML 요소를 포함하고 있습니다.

요소:

이는 첫 번째 문단입니다.

이 요소는 HTML 문서中的一个段落을 정의합니다. 이 요소는 시작 태그 　와 종료 태그 . 요소 내용은: 첫 번째 문단입니다.

<body> 요소:

<body> 이는 첫 번째 문단입니다. </body>

<body> 요소는 HTML 문서의 주체를 정의합니다. 이 요소는 시작 태그 <body>와 종료 태그 </body>. 요소 내용은 또 다른 HTML 요소입니다 (p 요소).

<html> 요소:

<html> <body> 이는 첫 번째 문단입니다. </body> </html>

<html> 요소는 전체 HTML 문서를 정의합니다. 이 요소는 시작 태그 <html>와 종료 태그 </html>. 요소 내용은 또 다른 HTML 요소입니다 (body 요소).

即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：

이는 하나의 문단입니다
이는 하나의 문단입니다

위 예제는 브라우저에서도 정상적으로 표시됩니다. 왜냐하면 종료 태그는 선택 사항이기 때문입니다.

하지만 이 방법에 의존하지 마세요. 종료 태그를 사용하지 않으면 예상치 못한 결과나 오류가 발생할 수 있습니다.

내용이 없는 HTML 요소는 빈 요소라고 불립니다. 빈 요소는 시작 태그에서 닫혀 있습니다.

는 닫히지 않은 빈 요소로, 태그는 줄 바꿈을 정의합니다.

XHTML, XML 및 미래의 HTML 버전에서 모든 요소는 반드시 닫혀야 합니다.

시작 태그에 슬래시를 추가하여 예를 들어 는 빈 요소를 닫는 올바른 방법으로, HTML, XHTML 및 XML 모두 이 방식을 받아들이며

即使 在所有浏览器中都是有效的，但使用 상호 호환성이 더 좋고, <br을 사용하는 것을 추천합니다. /> 줄 바꿈 태그.

HTML 태그는 대소문자를 구분하지 않습니다: 와 는 동일합니다. 많은 웹사이트에서 대문자의 HTML 태그를 사용합니다.

기본 튜토리얼에서는 소문자 태그를 사용합니다. 와세다 웹 연맹(W3C) HTML 4 추천하여 소문자를 사용하고, 미래의 (X)HTML 버전에서는 소문자 사용을 강제합니다.

웹 페이지를 만들 때, 모두 소문자 태그를 사용하는 것이 좋습니다.