Introduction à HTML

de | 9 septembre 2018


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

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

À lire aussi  Les styles CSS dans HTML

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

 




Une réflexion au sujet de « Introduction à HTML »

  1. Ouattara Mamadou

    je trouve le cours interessant et jattends que vous me l’envoyez dans ma boite.
    Merci!!!

    Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *