|
Un site Wiki pour les Étudiants de l'Université de Poitiers |
 |
Introduction à HTML et CSS
Toutes Les Balises du HTML
Squelette XHTML
<!DOCTYPE html PUBLIC "-
W3CDTD XHTML 1.0 Strict
EN"
<!--
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 "-W3C
DTD 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é