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 par la suite
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 ...
Plus de détails sur la balise head
Toujours un balise entrante et une balise sortante
Les balises body contiennent le contenu visible de votre page
Toujours un balise entrante et une balise sortante
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" />
D'autres exemples
Par rapport à HTML, les balises qui ne contiennent pas de balises sortantes, se teminent par " />" à la place de ">" en HTML
<!-- 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 
