Hollie Little Pink Laptop.jpg
Garçon devant un ordinateur.jpg
Soutenir Vikidia  • le Livre d'or
Participez à améliorer Vikidia : Pierre Perret, anglicisme, mandarine, Togo, et 300 autres articles importants et trop courts à compléter. Vos contributions sont les bienvenues !

HTML5

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

Le HTML5, ou HyperText Markup Langage 5, est un langage de balisage permettant de créer des sites Web et initialement présenté par Opera Software. Le HTML5 a pour avantage d’être parfois plus simple à écrire que ses anciennes versions et permet de faire de nombreuses choses.

Par exemple, la nouvelle balise <canvas></codr> permet de créer une zone de dessin qui pourra être animée. Avec du HTML5 et du JavaScript, on peut même créer des animations et des jeux en 3D. La plus grande partie du HTML5 est prise en charge par les navigateurs Web les plus récents.

Fonctionnement[modifier | modifier le wikicode]

Le code source (HTML) du site Web visité est transmis au navigateur Web de l'internaute, qui affiche le texte, les images, les liens, etc. Le HTML permet d'afficher le contenu de la page avec un peu de mise en page, mais sans plus. Pour l’apparence, un autre langage, le CSS, permet en plus de faire des effets d’ombre, de la couleur, de choisir la police du texte, le fond de la page, etc. On peut inclure au HTML du JavaScript, qui permet notamment d’animer la page.

Les balises[modifier | modifier le wikicode]

Une balise sert en HTML à indiquer des informations au navigateur Web. Le navigateur peut ensuite les afficher comme prévu. Par exemple, la balise <title></codr> sert à indiquer le titre de la page. Le navigateur interprète <title>bienvenue sur mon site</title> en affichant en titre de la page « Bienvenue sur mon site ».

Voici quelques balises employées en HTML5 :

  • <title> définit le titre de la page ;
  • <head> définit les informations d’entête de la page, par exemple son auteur ;
  • <body> est l'emplacement où l’on place généralement le texte principal de la page (le « corps ») ;
  • <video> permet d'afficher une vidéo en streaming ;
  • <progress> définit une barre de progression pour renseigner le lecteur sur un travail en cours d'exécution ;
  • <command> définit un bouton ;
  • sert à afficher une date ou une heure ;
  • <audio> permet d'afficher un son en streaming ;
  • <p> définit un paragraphe
  • <script> contient du JavaScript, une langue de programmation pour le Web.
  • <form> sert à définir un formulaire où le lecteur peut entrer des informations ;
  • <figure> permet de définir des images, schémas, diagrammes, etc., éventuellement avec une légende.

Le squelette de base d'une page HTML5[modifier | modifier le wikicode]

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" >
    <title>Titre de la page</title>
  </head>
  <body>
    Contenu de la page
  </body>
</html>

Voir aussi[modifier | modifier le wikicode]

Langages de programmation.svg
Les langages de l’informatique
Portail de l'informatique —  Tous les articles sur son histoire, les logiciels, Internet…