29 Nov2015
La mise en forme de texte avec des balises html
Objectif :
Dans cet exercice on va utiliser les balises html de mise en forme.
Travail à faire
Réaliser une page html composée des éléments suivants (exemple ci-dessous) :
- un titre de niveau 1 composé d'une abréviation "XML" sans oublier de mentionner sa signification au niveau de l'attribut "title".
- un titre de niveau 2 et un paragraphe.
- le titre "exemple" contient un code xml préformaté (comme illustré sur l'image).
- une ligne horizontale
- un paragraphe contenant : le mot "citation" souligné suivi d'une citation courte et le nom de l'auteur en italique .
<!doctype html>
<html>
<head>
<title>Balises de mise en forme HTML</title>
<meta charset="utf-8">
</head>
<body>
<!-- la balise abbr pour définir une abréviation -->
<h1><abbr title="Extensible Markup Language">XML</abbr> Schema</h1>
<h2>Defnition</h2>
<p><b><abbr title="Extensible Markup Language">XML</abbr> Schema</b> publié comme recommandation par le W3C en mai 2001 est un langage de description de format de document XML permettant de définir la structure et le type de contenu d'un document XML. Cette définition permet notamment de vérifier la validité de ce document.</p>
<h2>Modèle de XML Schema</h2>
<p>La recommandation spécifie la validation des documents XML à partir d'un modèle abstrait ; elle en fournit le format XML.Pour ce modèle abstrait, un schéma est un ensemble de composants
<h2>Exemple</h2>
<!-- la balise code pour définir un block de code cependant ila faut remplacer les élements "<" et ">" par les entités < et > , tandis que la balise "pre" affiche le code tel qu'il est écrit. -->
<code>
<pre>
<?xml version="1.0" encoding="UTF-8"?>
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema">
<xs:element name="personne">
<xs:complexType>
<xs:sequence>
<xs:element name="nom" type="xs:string" />
<xs:element name="prenom" type="xs:string" />
<xs:element name="date_naissance" type="xs:date" />
<xs:element name="etablissement" type="xs:string" />
<xs:element name="num_tel" type="xs:string" />
</xs:sequence>
</xs:complexType>
</xs:element>
</xs:schema>
</pre>
</code>
<hr>
<!-- la balise "u" souligne le texte , la balise "i" pour le mettre en italic le texte et la balise "q" pour en valeur les citations courte. -->
<p><u>citation</u>:
<q>Les données sont une chose précieuse et dureront plus longtemps que les systèmes eux-mêmes. </q> (<i>Time berner lee</i>)
</p>
</body>
</html>
