English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriel de base HTML

Médias HTML

Manuel de référence HTML

HTML5 Tutoriel de base

HTML5 API

HTML5 Média

Qu'est-ce que HTML ?

HTML est appelé HyperText Markup Language, un langage d'identification. Il comprend une série de balises. Grâce à ces balises, le format des documents sur Internet peut être unifié, et les ressources dispersées sur Internet peuvent être connectées en un ensemble logique. Le texte HTML est composé de commandes HTML, un texte descriptif. Les commandes HTML peuvent expliquer du texte, des graphiques, des animations, du son, des tableaux, des liens, etc.

<!DOCTYPE　html>
<html>
<head>
<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/>
<title>Tutoriel de base (oldtoolbag.com)</title>
</head>
<body>
<h1>Mon premier titre de page web</h1>
<p>Mon premier paragraphe de page web.</p>
</body>
</html>
Vérifiez et voyez «‹/›

Exemple d'analyse

  • !DOCTYPE html> déclare que c'est un HTML5 Document

  • L'élément <html> est l'élément racine d'une page HTML

  • L'élément <head> contient les métadonnées du document, telles que <meta charset="utf-8"> définit le format de codage de la page web en utf-8。

  • L'élément <title> décrit le titre du document

  • L'élément <body> contient le contenu visible de la page

  • <h1> élément définit un grand titre

  • L'élément <p> définit un paragraphe

Remarque : dans un espace vide de la page web, cliquez avec le bouton droit de la souris et choisissez "Fichier source de la page web" ou appuyez sur la touche F12Activer le mode de débogage, vous pouvez voir le code source de la page web.

Qu'est-ce que l'HTML?

HTML est un langage utilisé pour décrire une page web.

  • HTML signifie HyperText Markup Language

  • HTML n'est pas un langage de programmation, mais un langage de balisage

  • Un langage de balisage est un ensemble de balises de marqueur (balise de marqueur)

  • HTML utilise des balises de marqueur pour décrire une page web

  • Un document HTML contient des balises HTML et du contenu texte

  • Un document HTML est également appelé page web

Balise HTML

Les balises de marqueur HTML sont généralement appelées balises HTML (HTML tag).

  • Les balises HTML sont des mots entourés de guillemets obliques, par exemple <html>

  • Les balises HTML apparaissent généralement en paires, par exemple <b> et </b>

  • La première balise d'une paire de balises est une balise de début, et la deuxième est une balise de fin

  • Les balises de début et de fin sont également appelées balises ouvertes et fermées

<balise>contenu</balise>

Éléments HTML

"Balise HTML" et "Élément HTML" sont généralement utilisés pour décrire la même chose.

Mais strictement parlant, un élément HTML contient un début et une fin de balise, comme dans l'exemple suivant:

HTML 元素:

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

Web 浏览器

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

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


HTML 网页结构

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

<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>
只有 <body> 区域 (白色部分) 才会在浏览器中显示。

HTML版本

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

版本发布时间
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

<!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 ou 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>mon premier utf-8编码网页标题</h1>
　
<p>Mon premier utf-8Encodage des paragraphes de page Web.</p>
　
</body>
</html>
Vérifiez et voyez «‹/›

Éditeurs courants HTMLTutoriel de base HTML