En HTML ou XHTML , nous allons définir le début et la fin d'une page en insérant les balises <html> et </html>
<html> : est la balise entrante, qui définit le début
</html> : est la balise sortante qui définit la fin
Pour définir la balise sortante, nous ajoutons le catactère /
Il ya quelques exceptions qui ne contiennent pas de balise sortante, que nous aborderons aprés
+ de détails sur la balise head
La balise head contient les informations sur le titre de la page, les balises meta, les feuilles de style CSS externe, les règles de styles, les javascripts ...
La balise head est composée de 2 éléments
Les balises body contiennent le contenu visible de votre page
La balise body est composée de 2 "éléments"
La plupart des balises XHTML sont composés de 2 "éléments"
Vous avez quelques exceptions qui ne nécessitent pas de balises sortantes
+ de détails sur le formatage de texte
+ de détails sur les liens hypertexte
+ de détails sur les feuilles de style CSS
XHTML : the eXtensible Hyper Text Markup Language
Qui signifie langage de balisage hypertexte extensible. Il est la conséquence de l'incompatibilité des fichiers HTML et XML que certains navigateurs n'arrivaient pas à déchiffrer, nous pouvons préciser que c'est un langage dit de description et non de programmation.
En XHTML, les balises qui n'ont pas de balises sortantes ont une syntaxe un peu différente
Syntaxe HTML :
<img src="images/aide-boite.jpg" width="73" height="73" alt="Aide HTML>
Syntaxe XHTML :
<img src="images/aide-boite.jpg" width="73" height="73" alt="Aide HTML" />
la balise sortante contient toujours le caractère "/" pour indiquer la fin de la balise, il n'y a pas de changement par rapport à HTML
+ de détails sur la balise head
<!-- Pour indiquer que vous définissez un document XHTML, vous devez saisir ce code en début de document -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- Ensuite vous insérez les balises HTML -->
<html xmlns="http://www.w3.org/1999/xhtml"> <!-- html entrant-->
<head> <!-- head entrant -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Apprendre XHTML - Structure d'un document HTML</title>
<meta name="Description" content="E-Learning Dreamweaver, decouvrez les bases de la creation de site web avec Dreamweaver" />
<meta name="Keywords" content="Formation Dreamweaver, support de formation dreamweaver, support de cours Dreamweaver, E-LEARNING dreamweaver" />
<meta name="robots" content="all" />
<link href="feuille_de_style.css" rel="stylesheet" type="text/css" />
<script src="effet.js" type="text/javascript"></script>
</head> <!-- head sortant -->
<body> <!-- body entrant -->
<h1>Mon site</h1>
<p>Le contenu de mon site</p>
</body><!-- body sortant -->
</html> <!-- html sortant -->
Plan du site | Contact | Flux RSS | Création LCFormateur
Ce site est liste dans la categorie
Enseignement et formation :
Formations professionnelles de l'annuaire 
et 
