XHTML > Structuration du texte

Définitions

L'intérêt d'une page web, c'est son contenu (et surtout la qualité de son contenu). Voici les éléments qui vous seront nécessaires pour organiser et hiérarchiser le contenu d'une page, mettre en valeur une partie du texte :

Les titres et les sous-titres : <h1>, <h2>, <h3>, <h4>, <h5>, <h6>

Ces titres correspondent à des niveaux allant de 1 à 6, le niveau 1 étant le plus important et le niveau 6 le moins important.

<h1>Titre super important</h1>
<h2>Titre important</h2>

Paragraphes : <p>

Les paragraphes sont les éléments les plus souvent utilisés dans une page web, tous les textes pourront se décomposer en paragraphes.

<p>Quam quidem partem accusationis admiratus sum et moleste tuli 
potissimum esse Atratino datam.</p>

Mise en valeur d'un texte : <em> et <strong>

On parle également de mise en exergue.

<p>Un paragraphe contenant du texte avec une 
<strong>partie fortement mise en valeur</strong> et une 
autre <em>partie faiblement mise en valeur.</em></p>

Sauter une ligne : <br />

La balise simple <br /> permet de revenir à la ligne au sein d'un même paragraphe.

<p>Première ligne du paragraphe. <br /> Deuxième ligne du paragraphe.</p>

Quelques autres balises plus rarement utilisées :

Séparation horizontale : <hr />
Mettre en exposant : <sup>
Mettre en indice : <sub>
Citation courte dans un paragraphe : <q>
Citation longue hors d'un paragraphe :<blockquote>
Citer la source d'une citation : <cite>
Acronyme : <acronym>
Abréviation : <abbr>
Définition de terme : <dfn>
Insérer un bloc de texte formaté (hors d'un paragraphe) : <pre>

Place à la pratique :

Exemples : Titres - Paragraphes - Mise en valeur - Saut de ligne - Autres balises

	
<h1>Titre super important</h1>
<h2>Titre important</h2>
<h3>Titre moins important</h3>
<h4>Titre pas trop important</h4>
<h5>Titre pas important</h5>
<h6>Titre pas important du tout</h6>

	
<h1>Titre super important</h1>

<h2>Titre important</h2>

<p>Quam quidem partem accusationis admiratus sum et moleste tulipotissimum esse Atratino datam.</p>

<p>Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius et fortius et magis more nostro refutaremus istam male dicendi licentiam. Tecum, Atratine, agam.</p>

<h2>Titre important</h2>

<p>Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam.</p>


<h1>Mise en valeur du texte</h1>

<p>Un paragraphe contenant du texte avec une
<strong>partie fortement mise en valeur</strong> et une
autre <em>partie faiblement mise en valeur.</em></p>


<h1>Saut de ligne</h1>

<p>Première ligne du paragraphe. Deuxième ligne du paragraphe.</p>

<p>Première ligne du paragraphe. <br /> Deuxième ligne du paragraphe.</p>


Mettre en exposant et indice : x<sub>n</sub> + x<sup>2</sup> = (x<sub>n - 1</sub> - 2x<sub>n-2</sub>) + x<sup>2</sup>.

<hr />

<p>En posant le premier pied sur la Lune, Neil Armstrong à dit : <q>C'est un petit pas pour l'Homme, un grand pas pour l'Humanité</q>. C'était un certain 20 Juillet 1969.</p>

<hr />

<blockquote>Quiconque prétend s'ériger en juge de la vérité et du savoir s'expose à périr sous les éclats de rire des dieux puisque nous ignorons comment sont réellement les choses et que nous n'en connaissons que la représentation que nous en faisons. <cite>Albert Einstein</cite>.</blockquote>

<hr />

<p>
  <acronym title="eXtensible HyperText Markup Language" lang="uk" xml:lang="uk">XHTML</acronym>
  <br />
  <abbr title="FRANCE" lang="fr" xml:lang="fr">FR</abbr>
</p>

<p><dfn>L'XHTML</dfn> est le langage de balise le plus utilisé pour la création de sites Internet.</p>

<hr />

<pre>
def factorial( number ):

   if number <= 1:   # base case
      return 1
   else:
      return number * factorial( number - 1 )
</pre>
<p>versus : </p>
<p>
def factorial( number ):

   if number <= 1:   # base case
      return 1
   else:
      return number * factorial( number - 1 )
</p>

THIS CONTENT WILL BE REPLACED BY INTERPRETED HTML TAPED IN THE "code" TEXTAREA

Exercices

Saisir le texte suivant :