Bienvenue sur DokuPedia, wiki universitaire consacré à la documentation. Vous êtes invités a créer un compte et à contribuer, en ajoutant un nouvel article ou en modifiant celui-ci.
Vous pouvez également utiliser le moteur ou l'améliorer
Google Custom Search

HTML

Un article de DokuPedia.

Cet article est une ébauche à compléter, vous pouvez partager vos connaissances en le modifiant...


HTML vient de l'anglais HyperText Markup Language qui peut être traduit par Langage de balisage hypertexte. Il s'agit là d'un des langages de programmation les plus connus et les plus utilisés sur le Web. Il permet de créer relativement simplement des pages dans lesquelles peuvent s'agencer du texte, des images ainsi que des liens hypertextes afin de faciliter la navigation. Très souvent associé à d'autres langages pour ajouter des animations ou créer des sites dynamiques, le HTML reste une des bases d'Internet mais il ne se rencontre pas seulement sur le web, il est également utilisé pour fournir une interface au CDROM et maintenant au DVDROM.


Sommaire

Un peu d'histoire

En 1991 Tim Berners Lee crée une méthode pour relier des documents à l'aide de liens hypertextes, grâce au langage SGML sur un réseau appelé: Internet. Le HTML est une grosse évolution du SGML(sigle de Standard Generalized Markup Language), ce n'est qu'en 1993 que le terme HTML+ qui correspond au HTML 1.0 sera utilisé pour designer la version future du HTML alors en plein développement. Les différentes versions qui sont en vigueur à l’heure actuelle sont:

  1. HTML 2.0 (rare)
  2. HTML 3.0 (rare)
  3. HTML 3.2 (souvent)
  4. HTML 4.0 (dernière version donc de plus en plus rencontrée)


Structure d'une page HTML

Tout document commence par une déclaration du type de document que vous allez travailler et une identification de la version du langage dans lequel il sera composé. Cette déclaration est écrite en SGML (Standard Generalized Markup Language) qui est comme nous l'avons vu plus haut le père du HTML. La déclaration Doctype est suivi par l'ouverture de la balise <html> et la fermeture de cette balise </html>; c'est une autre façon d'identifier le langage utilisé. Entre ses deux dernières balises on trouve d’autres éléments. Tout d'abord l'entête délimité par les balises <head></head> dans lequel devra figurer la présentation et la mise en page du document. L'élément titre délimité par les balise <title></title> est le seul dont la présence soit obligatoire dans la section d'entête. Il permet de donner un titre au document. Ce titre sera affiché dans la barre de titre du navigateur. L'élément meta n'est pas indispensable pourtant il offre de nombreuses possibilités surtout au référencement et optimisation d'un site web. Effectivement il permet de définir les mots clés, de décrire le document et présenter son auteur. Ces informations sont très utiles pour les moteurs de recherche. L'élément body ou corps de texte délimité par les marqueurs <body></body> contient les informations qui seront afficher sur l'écran du navigateur. Il contient aussi les images, les objets (vidéo, flash..), les éléments des formulaires et les liens hypertexte.

Exemple de structure HTML :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Site des chiens</title>
<meta name="description" content="Chien. Annuaire et moteur de recherche de sites sur les chiens. Races et élevages de chiens, sites personnels sur les toutous, photos, commentaires."> <meta name="keywords" content="Chien, annuaire Chien, canides, toutous, animaux"> <meta http-equiv="Content-Language" content="fr">

</head>
<body>
Bonjour tout le monde !
</body>
</html>


Les balises HTML

Une page HTML est un fichier texte contenant des balises (parfois appelées marqueurs ou repères ou tags) permettant de mettre en forme le texte, les images. On distingue plusieurs types de balises:

  • Les balises contenant des metainformations, comme les informations sur la source du document (titre, auteur, date..) et son contenu informationnel (descripteurs, mots clés..).
  • Les balises de mise en forme. Elles marchent par paire avec un marqueur d'ouverture et un de fermeture qui délimitent l'endroit de la commande. Par exemple la balise b permet un affichage en gras.
  • Les balises de liens
  • Les balises d'insertion multimédia (pour insérer des images, sons, vidéo..)


Les éditeurs HTML

Il existe deux catégories d'éditeurs:

  • Les éditeurs de texte: qui permettent d'écrire le code source d'une page. Ce type d'éditeur est surtout destiné aux utilisateurs ayant le souci de s'assurer de la qualité du code mais aussi ceux ayant une compétence dans le langage HTML.

Quelques éditeurs: HTML Kit, Notepad, Notepad++, Quantat,bluefish

  • Les éditeurs tel-tel(WYSIWYG): permettent de voir ce que l'on obtient c'est à dire qu'ils permettent de travailler sur une page web telle qu'elle sera affichée sur un navigateur. Bien qu'il ne soit pas indispensable une connaissance du HTML est utile.

Quelques éditeurs: Golive, Macromedia Dreamweaver,Microsoft Front page,Mozilla composer, Nvu

Exemple de logiciel avec Dreamweaver:

Image:Dreamweaver.jpg

Evolution du HTML

Bien que le HTML soit toujours utlilisé il tend à être remplacé par le XHTML (Extensible Markup Language). La première version XHTML 1.0 n'est qu'une reformulation du HTML 4, ce n'est seulement qu'avec la version suivante que l'on abandonne certaines fonctionnalités du HTML et offre de nouvelles possibilités.


Voir aussi

Bibliographie

Jennifer Niederst, Html: Precis et Concis, O'Reilly, 2002
Ann Navarro, XHTML, CampusPress, 2001

Liens externes

Récupérée de « http://fr.dokupedia.org/index.php/HTML »
DokuPedia sémantique