<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'accèder au code d'une page et donc de découvrir 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 numérotée&lt;/li>
  &lt;li>liste encore&lt;/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>

<p>L'html permet la mise en forme de 
\fold{tableau}{<b>tableaux</b>}.

<b>Exercice : </b>Essayez de créer un tableau avec les valeurs de deux fonctions en trois points donnés.</li>

<h2>Pour faire plus</h2>
<ul>
<li>Des documents en ligne :
<ul>
<li>Un
<a target=wims_external  href="http://www.tuteurs.ens.fr/internet/web/html/bases.html"> cours d'html en ligne</a> qui vous présente d'autres balises avec des exemples. </li>

<li>Un <a targer="wims_external" href="http://www.w3.org/Style/Examples/011/firstcss.fr.html">tutorial</a>.</li>
</ul></li>

<li>Quelques possibilités à noter :
<ul>
<li>Pour faire un titre de paragraphe : 
<tt class="c">&lt;h2>Les bases&lt;/h2></tt></li>

<li>La définition de styles dans la fenêtre <tt class = "d">entête du document</tt> (dans la page <tt class = "fl">propriétés</tt>) donne une fière allure à votre document. Par exemple, copiez ceci dans la fenêtre <tt class = "d">entête du document </tt> de votre document.
<pre class="ccc">
  &lt;style type="text/css">
  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 théorèmes, ajouter dans l'<tt class = "d">entête du document </tt> (entre  <tt class = "c">&lt;style type="text/css"> 
</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></li>
<li>Un peu plus sur les styles css
<ul><li>\link{style1}</li>
<li>\link{style2}</li></ul></li>
</ul>