Structure d'une page HTML
Le code XHTML est généralement placé dans un fichier d'extension « .html ».
Lorsque vous consultez une page sur internet, le serveur qui héberge le site demandé transmet un fichier HTML à votre navigateur. Dans le code de ce fichier, le créateur du site internet a inséré des balises XHTML, c'est-à-dire des instructions rédigées en XHTML qui vont permettre à votre navigateur de comprendre la structure de la page, pour l'afficher correctement sur votre écran.
Il existe par exemple des balises pour délimiter les paragraphes, des balises pour créer des titres, des balises pour insérer des images, etc... Les balises vont souvent par paires car elles encadrent le texte auquel elles s'appliquent.
Exemple :
<p>Ceci est le texte d'un paragraphe. Deux balises permettent d'en délimiter le début et la fin.</p>
Mais comme nous le verrons par la suite, il existe des exceptions. Certaines balises ne vont pas par paire.
Les instructions XHTML ne sont pas visibles par les internautes. Le navigateur s'en sert pour construire la page, mais ne les affiche pas à l'écran. Si vous voulez voir à quoi ressemble le code XHTML d'une page, vous pouvez utiliser le menu Affichage >> Code source de la page de votre navigateur internet.
Structure d’une page XHTML
Pour être valide et conforme à la « norme », une page XHTML doit comporter au minimum :
-
un « doctype » : il s'agit d'une ligne de code qui annonce en quel langage informatique est rédigée la page
-
une balise <html>, qui délimite le début et la fin de la page
-
une balise <head> (entête) qui sert à décrire le contenu de la page, à préciser le nom de l'auteur...
-
une balise <body>, qui contient la partie visible de la page, aussi appelée « corps de page ». C'est ce qui sera affiché à l’écran.
Ces différentes informations doivent être organisées comme dans l'exemple suivant :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<!--ici se trouve l’entête de la page (titre, mots clés, description, auteur...)-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titre de la page</title>
</head>
<body>
ici se trouve le contenu visible de la page
</body>
</html>
Structure minimale d’une page HTML
Pour satisfaire aux standards XHTML, les balises doivent être écrites en lettres minuscules.
En fait, il n'y a pas de « norme XHTML » mais un ensemble de bonnes pratiques communément admises.
L'organisme à but non lucratif chargé de centraliser ces directives se nomme le W3C, World Wide Web Consortium. Son rôle consiste à favoriser l'évolution et l'inter-compatibilité des langages rencontrés sur le net.
Vous pouvez ajouter des commentaires au code HTML. Ces commentaires, pour ne pas être affichés par les navigateurs internet, doivent être placés entre <!-- et -->, comme ceci :
<!-- texte de commentaire -->
Que sont le XHTML et le CSS ?Structure d'une page HTMLLes balises d?entête, head, title, meta...Les balises de corps de page, entre les balises bodyAjouter une image dans la page : balise img (type inline ou block) Insérer des liens : balise a (type inline)Afficher une listeConstruire des tableaux - balise tableCréer des formulaires Les balises universelles : div et spanOù placer le code CSS ?Comment modifier une balise en particulier ?Modifier l'aspect du texteGestion de l'arrière-plan (coloré ou avec des images)Mise en forme du texte : word-spacing , letter-spacing, vertical-align, text-alignMise en forme des balises de type blockLes borduresMise en forme des listesPositionner des blocs HTML à l'écranDébordement d'un bloc HTML : overflowChanger l'aspect de la souris : cursorCas pratique : mise en page à 2 ou 3 colonnesLargeur de site fixe ou variable ?Insertion d'une animation flashInsertion d'une vidéoInsérer un fichier audio
Pour plus d'informations, vous pouvez nous contacter par mail.
Tutos et cours en ligne
