Flux rss
Bookmark Ajouter aux favoris / Partager
Struttura di un documento HTML Estrutura de um documento HTML Struktur eines HTML Dokuments Disposición de documentos HTML HTML document layout

Notion de document HTML

Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle extension.

Une page web peut être construite à partir du plus basique des éditeurs de texte (une application bloc-note par exemple), mais il existe des éditeurs beaucoup plus évolués.

Les éditeurs WYSIWYGWhat You See Is What You Get», littéralement «ce que vous voyez est ce que vous obtenez») sont des éditeurs graphiques permettant de travailler sur une page web telle qu'elle sera affichée sur un navigateur à quelques détails près. Grâce à ce genre d'éditeurs il est possible d'ajouter des balises par simple clic et d'en modifier les attributs en éditant leur propriétés dans un formulaire. Pour autant, afin d'utiliser au mieux ce genre d'éditeur, une connaissance préalable du HTML est tout de même très utile.

Il existe également des éditeurs permettant d'éditer le code HTML en affichant les balises, les attributs et leurs valeurs avec différentes couleurs pour une meilleure lecture et proposant parfois des outils pour vérifier la validité du code HTML.

Par convention l'extension donnée à une page HTML est .htm ou .html mais une page web peut potentiellement porter n'importe quelle extension notamment les suivantes :

  • .asp pour une page générée dynamiquement en ASP (Active Server Pages) ;
  • .cgi pour une page générée dynamiquement avec des CGI (Common gateway Interface) ;
  • .php, .php3 ou .php4 pour une page générée dynamiquement en PHP ;
  • .pl pour une page générée dynamiquement en Perl (Practical Extraction and Report Language) ;
  • etc.

Structure du document HTML

Un document HTML commence par la balise <HTML> et finit par la balise </HTML>. Il contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page.

L'en-tête est délimité par les balises <HEAD> et </HEAD>. Le corps est délimité par les balises <BODY> et </BODY>.

Voici par exemple une page HTML minimaliste :

<HTML>
 <HEAD>
  <TITLE>Titre de la page</TITLE>
 </HEAD>

 <BODY>
  Contenu de la page
    </BODY>
</HTML>

Déclaration du type de document

Il est conseillé d'indiquer dans la page HTML le prologue du type de document, c'est-à-dire une référence à la norme HTML utilisée, afin de spécifier le standard utilisé pour le codage de la page. Cette déclaration se fait par une ligne du type :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
 <HEAD>...</HEAD>
 <BODY>Contenu de la page</BODY>
</HTML>



La déclaration du document indique la DTD (Document Type Definition) utilisée, c'est-à-dire la référence des caractéristiques du langage utilisé. Le tableau ci-dessous récapitule les déclarations pour les principales version du langage HTML :


VersionDéclaration
HTML 2.0<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML 3.2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 4.01
XHTML 1.0
  • Strict : <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • Transitional : <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
  • Frameset : <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  • XHTML 1.1
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


    Dernière modification le lundi 27 avril 2009 à 13:36:55.Ce document intitulé « Structure d'un document HTML » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
    Exporter un document HTML vers PDF Bonjour, Je souhaite exporter une série de pages dynamiques en PDF, à la façon de captures d'écran. par exemple : mapage.php?id=150 ... mapage.php?id=1200 en un seul document PDF, format A4, chaque page de cd PDF contenant une capture d'écran de la... www.commentcamarche.net/forum/affich-1720584-exporter-un-document-html-vers-pdf
    Valider un document HTML Le langage HTML est un standard publié par le W3C possédant des règles syntaxiques relativement strictes. Le respect du standard permet de maximiser les chances d’un affichage optimal sur la quasi-majorité des navigateurs et permet également d’en... www.commentcamarche.net/faq/sujet-10428-valider-un-document-html
    Comment convertir un doc XML en HTML (Résolu) J'aimerai convertir un document XML canonique en un document HTML. Mon cadre de travail est une BD Oracle 8.1.7. Je reprends tous les enregistrement d'une table EMPLOYEE et j'exporte le résultat avec le package standard DBMS_XMLQUERY. Comment dois-je... www.commentcamarche.net/forum/affich-515557-comment-convertir-un-doc-xml-en-html
    Javascript - Modifier la hauteur (height) d'un élément HTMLPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il... www.commentcamarche.net/faq/sujet-11740-javascript-modifier-la-hauteur-height-d-un-element-html
    [Aspirateur de pages HTML] Comment aspirer un site Web ?HTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur... www.commentcamarche.net/faq/sujet-2658-aspirateur-de-pages-html-comment-aspirer-un-site-web
    Espace en HTMLEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace... www.commentcamarche.net/faq/sujet-8070-espace-en-html
    Conversion document word en document html (Résolu)Bonjour, j'aimerais savoir si quelqu'un connaît un outil gratuit qui permet de convertir un document word en un document html. Merci de vos réponses. www.commentcamarche.net/forum/affich-10861477-conversion-document-word-en-document-html
    Ouvrir un fichier htmlBonjour, Petit nouveau sur CCM. Comment puis-je ouvrir un fichier html qui m'a été envoyé en pièce jointe ? Je suis sous Windows98SE et j'utilise Outlook Express pour lire ma messagerie. www.commentcamarche.net/forum/affich-1234760-ouvrir-un-fichier-html
    Envoyer une page html par mailBonjour, je cherche donc à envoyer une page html avec 4 photos par mail. j'ai créé cette page spécialement. elle n'est pas intégrée à un site. J'ai fait des essais les images ne s'affichent pas... J'ai pourtant téléchargé les images... Cela me... www.commentcamarche.net/forum/affich-940538-envoyer-une-page-html-par-mail
    Télécharger Html To PDFComme son nom l’indique, HTML to PDF est tout simplement un convertisseur de page HTML en document PDF. Il permet d’effectuer des traitements par lot et prend en charge la mise en forme des pages web et les style CSS. Le programme prend en... www.commentcamarche.net/telecharger/telecharger-34060186-html-to-pdf
    Télécharger Lambda HTML EditorLambda HTML Editor est un outil d’édition de fichiers HTML très facile à utiliser et proposant une interface en français. Avec un minimum de connaissance en la matière, vous serez capables de mettre en place une page Web. Le mode de fonctionnement de... www.commentcamarche.net/telecharger/telecharger-34059724-lambda-html-editor
    Télécharger HTML Tidy frHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. Cette version est la version 1.1.5.0, c'est-à-dire la version de base ! Ayant remarqué que les débutants avaient des problèmes dans l'utilisation de la version... www.commentcamarche.net/telecharger/telecharger-34055359-html-tidy-fr
    Introduction au HTMLPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent... www.commentcamarche.net/contents/html/htmlintro.php3
    Structure d'un document XMLQu'est-ce que le XML? La norme XML en tant que telle doit être vue comme un outil permettant de définir un langage (on dit alors qu'il s'agit d'un métalangage), permettant de créer des documents structurés à l'aide de balises. Une balise est une... www.commentcamarche.net/contents/xml/xmlstruc.php3
    DOM (Document Object Model) et SAX (Simple API for XML)XML permet de définir la structure du document uniquement, ce qui permet d'une part de pouvoir définir séparément la présentation de ce document, d'autre part d'être capable de récupérer les données présentes dans le document pour les... www.commentcamarche.net/contents/xml/xmldomsax.php3