Derniers tutoriels de développement web

HTML Présentation


Qu'est-ce que HTML?

HTML est un langage de balisage pour décrire les documents Web (web pages) .

  • HTML signifie Hyper Text Markup
  • Un langage de balisage est un ensemble de markup tags
  • Les documents HTML sont décrites par des HTML tags
  • Chaque balise HTML describes différent du contenu du document

HTML Exemple

Un petit document HTML:

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

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

</body>
</html>
Essayez vous - même »

exemple Explained

  • La DOCTYPE déclaration définit le type de document à être HTML
  • Le texte entre <html> et </html> décrit un document HTML
  • Le texte entre <head> et </head> fournit des informations sur le document
  • Le texte entre <title> et </title> fournit un titre pour le document
  • Le texte entre <body> et </body> décrit le contenu de la page visible
  • Le texte entre <h1> et </h1> décrit une rubrique
  • Le texte entre <p> et </p> décrit un paragraphe

Grâce à cette description, un navigateur Web peut afficher un document avec un titre et un paragraphe.


Mots-clés HTML

Les balises HTML sont des mots - clés (tag names) entourées de angle brackets :

<tagname>content</tagname>
  • Les balises HTML sont normalement in pairs comme <p> et </p>
  • Le premier mot - clé dans une paire est la start tag, le deuxième mot - clé est la end tag
  • La balise de fin est écrit comme la balise de début, mais avec une barre oblique avant le nom de la balise

La balise de début est souvent appelée la opening tag . La balise de fin est souvent appelée la closing tag .


Navigateurs Web

Le but d'un navigateur Web (Chrome, IE, Firefox, Safari) est de lire des documents HTML et les afficher.

Le navigateur n'affiche pas les balises HTML, mais les utilise pour déterminer comment afficher le document:

Afficher dans le navigateur


Structure de la page HTML

Ci-dessous une visualisation d'une structure de page HTML:

<html>
<head>
<title> Titre de la page </title>
</head>
<body>
<h1> C'est une rubrique </h1>
<p> Ceci est un paragraphe. </p>
<p> Ceci est un autre paragraphe. </p>
</body>
</html>

Seul le <body> zone (the white area) est affiché par le navigateur.


Le <!DOCTYPE> Déclaration

Le <!DOCTYPE> Déclaration aide le navigateur à afficher une page Web correctement.

Il existe différents types de documents sur le web.

Pour afficher un document correctement, le navigateur doit connaître à la fois le type et la version.

La déclaration DOCTYPE est pas sensible. Tous les cas sont acceptables:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Déclarations communes

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

Tous les tutoriels et des exemples à w3ii utilisent HTML5.


Versions HTML

Depuis les premiers jours du web, il y a eu de nombreuses versions de HTML:

Version An
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014