<p>Votre navigateur ou divers logiciels vous permettent de composer des pages web en html. La commande <class="d">source de la page</tt> vous permet d'accder au code d'une page et donc de dcouvrir comment coder certaines mises en forme. 
<h2>Les bases</h2>
Voici quelques bases qui vous suffiront pour commencer (\fold{remcode}{<font color="red">Attention !</font>}). <br>
Une  balise html s'ouvre et se ferme.</p>
<pre class="ccc">
 &lt;br>aller  la ligne
 &lt;p>paragraphe&lt;/p>
<center>&lt;center>pour centrer&lt;/center></center>
 &lt;ul>
   &lt;li>liste&lt;/li>
   &lt;li>liste&lt;/li>
 &lt;/ul>
 &lt;ol>
  &lt;li>liste numrote</li>
  &lt;li>liste encore</li>
 &lt;/ol>

 &lt;font color="purple"><font color="purple">en violet</font>&lt;/font>
 &lt;b><b>En gras</b>&lt;/b>)</pre>
<p>
<b>Exercice :</b> Ecrivez votre liste de courses en changeant de couleur selon les produits. Donnez-lui un titre centr en gras.</p>

<h2>Pour faire plus</h2>

Voici
<a target=wims_external  href="http://www.tuteurs.ens.fr/internet/web/html/bases.html">un cours d'html en ligne</a> qui vous prsente d'autres balises avec des exemples. 

Quelques possibilits  noter :

<ul>
<li>L'html permet la mise en forme de 
\fold{tableau}

 Essayez de crer un tableau avec les valeurs de deux fonctions en trois points donns.</li>
<li>Pour faire un titre de paragraphe : 
<tt class="c">&lt;h2>Les bases&lt;/h2></tt></li>

<li>La dfinition de styles dans la fentre <tt class = "d">entte du document</tt> (dans la page <tt class = "fl">proprits</tt>) donne une fire allure  votre document. Par exemple, copiez ceci dans la fentre <tt class = "d">entte du document </tt> de votre document.
<pre class="ccc">
  &lt;style type="text/css"> &lt;! --
  body  {font-family: Arial, Helvetica, sans-serif;font-size: 100% ;
  background-color: #FFFFCC;}
  -->&lt;/style>
</pre>
</li>
<li> Pour faire un magnifique fond vert  vos thormes, ajouter dans l'<tt class = "d">entte du document </tt> (entre  <tt class = "c">&lt;style type="text/css"> &lt;! --
</tt> et  <tt class = "c">--> &lt;/style></tt>) les lignes suivantes :

<pre class="ccc">
.prop
	{
	margin: 0% 8% 0% 8%;
	width: 50%;
	padding: 2%;
	background-color: #E8E4D8;
	}
</pre>



ensuite vous utilisez la balise  
<tt class = "c">&lt;p class="prop"></tt>Enonc de la proposition<tt class = "c">&lt;/p></tt>
.
</li>
</ul>
Voici un <a targer="wims_external" href="http://www.w3.org/Style/Examples/011/firstcss">tutorial en anglais</a>.