Introduction à HTML et CSS






Toutes Les Balises du HTML

Squelette XHTML



<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN"
<!--
Ceci est un commentaire.
-->
<html>
  • <head>
    • <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    • <meta name="description" content="Squelette" />
      • <meta name="author" content="Jean Bonhomme" />
    • <meta name="keywords" content="Squelette, html, documentation" />
      • <link href="Style.CSS" type="text/css" rel="stylesheet" />
    • <title>
      • Squelette
    • </title>
  • </head>
  • <body>
    • <h1> Ceci est un titre de rang 1
    • </h1>
      • <p>
      • Ceci est un paragraphe
      • </p>
      • <hr />
  • </body>
</html>

Squelette HTML



<!DOCTYPE html PUBLIC "-
W3CDTD HTML 4.01EN"
<!--
Ceci est un commentaire.
-->
<html>
  • <head>
    • <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    • <meta name="description" content="Squelette" />
      • <meta name="author" content="Jeanne Bonnedame" />
      • <meta name="keywords" content="Squelette, html, documentation" />
        • <link href="Style.CSS" type="text/css" rel="stylesheet" />
    • <title>
      • Squelette
    • </title>
  • </head>
  • <body>
    • <h1> Ceci est un titre de rang 1
    • </h1>
      • <p>
      • Ceci est un paragraphe
      • </p>
      • <hr />
  • </body>
</html>


Description des Balises ( ou TAGS)

Tag Description
<html> Cette balise tag définit la page HTML. Il encadre tout l'ensemble du document.
<head> En-tête de la page. Contient toutes les balises de descriptions de la page.
<body> Corps du document html. C'est ici qu'est construite la page.
<title> Titre de la page.
<meta>
http-equiv
Cette ligne très particulière permet d'indiquer que la page est décrite en encodage windows. Cela permet de reconnaître le format d'enregistrement de la page et ainsi de ne pas avoir des problèmes d'encodage des accents.
Pour un encodage Mac OS X, il faut mettre l'attribut: content="text/html; charset=UTF-8"
<meta>
description
Simple petite description du document.
<meta>
keywords
Les mots-clés pour les moteurs de recherche internet.
<meta>
author
Auteur du document.
<link>
text/css
Appel de la feuille de style du document.


Un exemple de tableau stylé