Documentos de Académico
Documentos de Profesional
Documentos de Cultura
La structure XHTML
Entte
<head>
<!-- DESCRIPTION DU DOCUMENT -->
<title>Titre du document</title>
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<meta name="author" content="Albert Dupont" />
<meta name="description" content="Description du
contenu de la page Web en 150 caractres maximum." />
<meta name="date"
content="2008-12-31T05:00:00+01:00">
<!-- ICONE DE FAVORIS -->
<link rel="shortcut icon" type="image/x-icon"
href="favicon.ico" />
<!-- FEUILLES DE STYLES CSS -->
<link type="text/css" rel="stylesheet" media="all"
href="style.css" />
<style type="text/css">
<!-/* Placez ici les directives CSS */
-->
</style>
<!-- JAVASCRIPT -->
<script src="script.js" language="javascript"
type="text/javascript"></script>
<script type="text/javascript">
<!-// Placez ici le code Javascript
//-->
</script>
</head>
Autres doctypes
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Texte courant
Titres
<h1>Titre de la page</h1>
<h2>Titre de 2e niveau</h2>
<h3>Titre de 3e niveau</h3>
...
<h6>Titre de 6e niveau</h6>
Paragraphe
Entits obligatoires
em, strong
br
abbr
sub, sup
dfn
bdo
Commentaires
<!-- Commentaire -->
< <
> >
" "
& &
«
»
Entits courantes
Espace inscable
€
©
®
Hyperliens
Lien
<a id="identifiant_unique"
name="identifiant_unique">Texte</a>
Images
Image
img
1/2
Citations et rfrences
Citations longues
Listes
blockquote
<blockquote cite="http://abu.cnam.fr/">
<p>Une embuscade tait probable.</p>
<p>Trente grenadiers, dtachs en claireurs et
commands par un sergent, marchaient [...]</p>
<cite>Victor HUGO, Quatre-vingt Treize.</cite>
</blockquote>
q
cite
Texte technique
Texte prformat
pre
<pre>$a = "fr_FR";
setlocale(LC_ALL, $a);
date_default_timezone_set('Europe/Paris');
</pre>
<ul>
<li>1er lment de la liste</li>
<li>2e lment de la liste</li>
<li>3e lment de la liste</li>
</ul>
<dl>
<dt>Terme 1</dt>
<dd>Dfinition du terme 1</dd>
<dt>Terme 2</dt>
<dd>Dfinition du terme 2</dd>
<dt>Terme 3</dt>
<dd>Dfinition du terme 3</dd>
</dl>
Tableaux simples
code, var
keyb, samp
Balises gnriques
Elment Bloc gnrique
div
<div class="avertissement">
<p><strong>Attention</strong></p>
<p>Le formatage peut causer la perte de donnes.</p>
</div>
Elment en-ligne gnrique
span
Attributs gnriques
<p class="classe_css" id="id_unique" title="etiquette"
style="color:#FF0000" >Texte de la balise</p>
Balises obsoltes
... ou en passe de le devenir
tt, i, b, big, small, hr, frame, frameset
Cadre incorpor
2/2
dl, dt, dd
Tableaux
<address>
Albert Dupont,<br />
<em>Journaliste, spcialiste Web 2.0</em>,<br />
<a href="mailto:adupont@monjournal.com">
adupont@monjournal.com</a>
</address>
ol, li
<ol>
<li>1er lment de la liste</li>
<li>2e lment de la liste</li>
<li>3e lment de la liste</li>
</ol>
Citation courtes
Listes ordonnes