HTML 기본 튜토리얼

HTML 미디어

HTML 참조 매뉴얼

HTML5 기본 튜토리얼

HTML5 API

HTML5 미디어

HTML이 무엇인가요

HTML은 히퍼텍스트 태그 언어로, 식별 언어입니다. 이는 여러 태그를 포함하며, 이러한 태그를 통해 인터넷의 문서 형식을 일관되게 하여 분산된 인터넷 자원을 하나의 논리적 전체로 연결할 수 있습니다. HTML 텍스트는 HTML 명령어로 구성된 설명 텍스트이며, HTML 명령어는 글자, 그래픽, 애니메이션, 소리, 테이블, 링크 등을 설명할 수 있습니다.

示例

!DOCTYPE　html>
<html>
<head>
<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/>
<title>기본 가이드(oldtoolbag.com)</title>
</head>
<body>
<h1>제가 만든 첫 번째 웹 페이지 제목</h1>
<p>제가 만든 첫 번째 웹 페이지 문단.</p>
</body>
</html>

테스트를 보세요 ‹/›

예제 해석

<!DOCTYPE html> 선언은 HTML입니다5 문서
<html> 요소는 HTML 페이지의 루트 요소입니다
<head> 요소는 문서의 메타(meta) 데이터를 포함합니다. 예를 들어, <meta charset="utf-8"> 웹 페이지编码 형식을 utf로 정의합니다-8。
<title> 요소는 문서의 제목을 설명합니다
<body> 요소는 보이는 페이지 내용을 포함합니다
<h1> 요소는 대제목을 정의합니다
<p> 요소는 문단을 정의합니다

주의: 웹 페이지의 공백 부분에서 마우스 오른쪽 버튼을 클릭하여 "웹 페이지 소스 파일"을 선택하거나 키보드의 F키를 누릅니다.12디버깅 모드를 시작하면 웹 페이지 소스 코드를 확인할 수 있습니다.

HTML이 무엇인가요?

HTML은 웹 페이지를 설명하는 언어입니다.

HTML은 히퍼텍스트 마크업 언어(HyperText Markup Language)를 의미합니다
HTML은 프로그래밍 언어가 아니라 마크업 언어입니다
마크업 언어는 마크업 태그 (markup tag)의 집합입니다
HTML은 웹 페이지를 설명하는 데 사용되는 마크업 태그를 사용합니다
HTML 문서는 HTML 태그와 텍스트 내용을 포함하고 있습니다
HTML 문서는 웹 페이지라고도 합니다

HTML 태그

HTML 마크업 태그는 일반적으로 HTML 태그 (HTML tag)라고 불립니다.

HTML 태그는 꼬리표로 둘러싸인 키워드로, 예를 들어 <html>와 같습니다
HTML 태그는 대체로 짝으로 등장합니다. 예를 들어, <b>와 </b>/b>
태그 쌍의 첫 번째 태그는 시작 태그이고, 두 번째 태그는 종료 태그입니다
시작과 종료 태그는 개방 태그와 닫기 태그라고도 합니다

<태그>내용</태그>

HTML 요소

"HTML 태그"와 "HTML 요소"는 일반적으로 동일한 의미를 가리킵니다.

하지만 정확하게 말하면, 하나의 HTML 요소는 시작 태그와 종료 태그를 포함하고 있습니다. 예를 들어:

HTML 요소:

<p>这是一个段落。</p>

Web 浏览器

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户：

HTML 网页结构

下面是一个可视化的HTML页面结构：

<html>

<head>

</head>

<body>

<h1>这是一个标题</h1>

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

</body>

</html>

只有 <body> 区域 (白色部分) 才会在浏览器中显示。

HTML版本

从初期的网络诞生后，已经出现了许多HTML版本:

版本	发布时间
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

!DOCTYPE> 声明

!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。

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

查看完整网页声明类型DOCTYPE 参考手册。

中文编码

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

示例

!DOCTYPE　html>
<html>
<head>
<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/>
<title>utf-8编码网页(oldtoolbag.com)</title>
</head>
<body>
　
<h1>我的第一个utf-8编码网页标题</h1>
　
<p>제일 첫 번째 utf-8웹 페이지 구절을编码합니다。</p>
　
</body>
</html>

테스트를 보세요 ‹/›

HTML 일반 편집기 HTML 기본 튜토리얼