Tutoriels

Introduction à HTML


Qu’est ce que le HTML?

HTML est le langage de balisage standard pour la création de pages Web.

  • HTML signifie Hyper Text Markup Language
  • HTML décrit la structure des pages Web en utilisant le balisage
  • Les éléments HTML sont les blocs de construction des pages HTML
  • Les éléments HTML sont représentés par des balises
  • Les balises HTML étiquettent des éléments de contenu tels que « en-tête », « paragraphe », « table », etc.
  • Les navigateurs n’affichent pas les balises HTML, mais les utilisent pour rendre le contenu de la page

Un document HTML simple

Exemple

<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
</head>
<body>

<h1>Mon premier En-tête </h1>
<p>Ma première paragraphe</p>

</body>
</html>

Exemple expliqué

La déclaration <! DOCTYPE html> définit ce document comme étant HTML5
L’élément <html> est l’élément racine d’une page HTML
L’élément <head> contient des méta-informations sur le document
L’élément <title> spécifie un titre pour le document
L’élément <body> contient le contenu de la page visible
L’élément <h1> définit un gros titre
L’élément <p> définit un paragraphe

Les balises HTML

Les balises HTML sont des noms d’éléments entourés de crochets:

<nombalise> le contenu va ici … </ nombalise>

  • Les balises HTML se présentent normalement par paires comme <p> et </ p>
  • La première balise d’une paire est la balise de début, la seconde balise est la balise de fin
  • La balise de fin est écrite comme la balise de début, mais avec une barre oblique avant le nom de la balise
À lire aussi  Les styles CSS dans HTML

Note : La balise de début est également appelée la balise d’ouverture et la balise de fin la balise de fermeture.

Les navigateurs Web

Un navigateur Web (Chrome, IE, Firefox, Safari) a pour but de lire des documents HTML et de les afficher.

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

Page html de base

Structure de la page HTML

Vous trouverez ci-dessous une visualisation d’une structure de page HTML:

Structure générale d'une page HTML

Remarque : Seul le contenu de la section <body> (la zone blanche ci-dessus) est affiché dans un navigateur.

La déclaration <! DOCTYPE>

La déclaration <! DOCTYPE> représente le type de document et aide les navigateurs à afficher correctement les pages Web.

Il ne doit apparaître qu’une seule fois, en haut de la page (avant toute balise HTML).

La déclaration <! DOCTYPE> n’est pas sensible à la casse.

La déclaration <! DOCTYPE> pour HTML5 est:

<!DOCTYPE html>

Les versions de HTML

Depuis les débuts du Web, il existe de nombreuses versions de HTML:

Année des versions

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

 


Articles similaires

2 commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Bouton retour en haut de la page