La réalisation d'une page HTML nécessite de se plier à certaines règles. HTML (HyperText Markup Langage) est un langage de mise en forme de texte, d'images, d'objets utilisé notamment pour le World Wide Web. Les règles qui définisent ce langage sont définies par le W3C HTML Working Group.
La structure du fichier
Le fichier de base HTML est un fichier au format texte dont la structure et la mise en forme sont définies par des balises. Une balise étant une commande délimitées par 2 caractères spéciaux : < et >.
La première balise <html>
Il y aura au début de notre fichier HTML une balise <html> et à la fin de notre fichier une balise </html> car il y a toujours une balisse fermante après une balise ouvrante. Le caractère / (barre oblique ou "slash") différencie la balisse fermante </html> de la balise ouvrante <html>
Les balises <html> et </html> marquent ainsi le début et la fin de notre fichier. Cependant ceci n'est pas suffisant car il est aussi important de déterminer la version d'HTML que nous utilisons.
La version HTML et les caractères utilisés
Au début de notre fichier nous mettrons ces lignes suivantes :
| <?xml version="1.0" encoding="ISO-8859-1"?> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fr"> |
afin de déterminer :
- la version du HTML, ici XHTML 1.0 Strict
- les caractères utilisées, ici ISO-8859-1 c'est à dire les caractère LATIN-1 qui correspondent en fait au caractères accentués du français, c'est certainement le plus important pour le navigateur.
Les différentes définitions possibles sont définies sur le site http://www.w3.org/
Il reste encore à donner d'autres informations afin que notre page HTML soit la plus fonctionnelle possible.
La partie entête du document <head>
Juste après la balise <html> cette partie du document est délimitée par les balises <head> et </head>. Dans cette partie du document nous déclarons :
- Le titre de la page qui s'affiche dans la barre du navigateur, par exemple ici :
<title>HTML - Introduction<title> - Les Métabalises <meta> qui permettent en autre le référencement de la page en fonction de la description et des mots clés énumérés.
- Les Styles ou les liens vers les feuilles de Styles qui définisent la mise en forme de la page HTML. Lorsque les Styles sont déclarés dans le même fichier on utilise les balises <style> </style> sinon on peut lier le fichier HTML avec un fichier en le déclarant avec la balise <link> :
<link rel="stylesheet" href="fichier.css" type="text/css" />.
le corps du document
Tout ce que nous avons vu pour l'instant ne permet pas encore de réaliser une page puisque nous avons vu comment déclarer la page et ses entêtes mais pas encore ce que nous allons mettre dedans. Le corps du document est en fait délimité par les balises <body> et </body>
On peut résumer brièvement ce que l'on a vu par ce listing :
| <?xml version="1.0" encoding="ISO-8859-1"?> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fr"> |
| <head> |
| <title>HTML - Introduction</title> |
| <meta name="author" content="Antoni" /> |
| <meta name="description" content="Les premiers pas en HTML" /> |
| <meta name="keywords" content="html, web, w3c" /> |
| </head> |
| <body> |
| </body> |
| </html> |