Hypertext Markup Language

« Hypertext Markup Language » expliqué aux enfants par Vikidia, l’encyclopédie junior
(Redirigé depuis HTML)
Aller à : navigation, rechercher

Le HTML, ou HyperText Markup Language en anglais, est un langage informatique qui sert à écrire une page Web.

On peut retrouver le code HTML d'une page en cliquant par exemple sur « Affichage », puis sur « Source ».

Il y a plusieurs versions de HTML : HTML 1, HTML 2, HTML 3.2, HTML 4, HTML 5 et XHTML 1.0.

La base d'une page en HTML[modifier]

Voici le code de base d'une page écrite en HTML4 :

<html>
    <head>
      <title>Le titre de la page</title>
    </head>
    <body>
      Ici se trouve le texte de votre page !
    </body>
</html>

Quelques balises[modifier]

Toutes ces balises se mettent entre les balises <body> et </body>. En effet, il n'existe que très peu de balises qui se mettent dans le header.

Un lien hypertexte[modifier]

Vous pouvez mettre un lien hypertexte dans votre page, il suffira alors de cliquer dessus pour accéder à la page demandée.

Format[modifier]

Voici la balise à utiliser pour ajouter un lien :

<a href="URL_de_la_page">Texte affiché</a>

Exemple[modifier]

Par exemple, si nous voulons insérer un lien vers Wikipédia, nous utiliserions la balise ainsi :

<a href="http://fr.wikipedia.org">Wikipédia</a>

Ce qui donne : Wikipédia.

Une image[modifier]

Vous pouvez également ajouter une image dans une page HTML.

Format[modifier]

La balise d'image, img, s'utilise ainsi :

<img src="URL_de_l'image" alt="Texte alternatif" title="Infobulle informative sur l'image"/>

Parmi les attributs, seul src est obligatoire, mais les autres peuvent servir. Voici la liste des attributs que peut prendre img :

  • src (obligatoire) : L'URL de l'image.
  • alt : Le texte alternatif de l'image. Celui-ci sera affiché en cas d'erreur, si l'image ne peut pas s'afficher.
  • title : Si vous le renseignez, un texte informatif sur l'image s'affichera au survol.
  • Et bien d'autres !

Exemple[modifier]

Voici un exemple, imaginons que vous souhaitez afficher une image qui s'appelle « arbre. png » et qui se trouve dans le dossier « images » ; Vous ferez donc ainsi pour l'afficher :

<img src="images/arbre.png" alt="Un arbre" title="Photo du noisetier dans mon jardin."/>

Et vous avez votre image qui s'affiche !

Et bien d'autres ![modifier]

Il existe un nombre considérable de balises, c'est pourquoi nous ne pourrons pas toutes les citer dans cet article. Cependant, vous pouvez les trouver en faisant une simple recherche sur Internet.

D'autres langages[modifier]

Un site Web c'est bien, mais un site Web dynamique et interactif c'est mieux. Certains langages ont été conçus pour cela. Il y a par exemple le DHTML, Dynamic HTML qui sert à faire des animations, par exemple, intégrées dans un code HTML.
Il existe aussi le Javascript, qui est assez similaire au DHTML.
Il existe aussi le langage PHP (PHP Hypertext Preprocessor) qui a la particularité d'être un langage serveur, c'est-à-dire qu'il génère la page avant de l'afficher pour l'utilisateur.
Il y en beaucoup d'autres !

Langages de programmation.svg
Les langages de l’informatique
Portail de l'informatique - Histoire, logiciels, Internet…