!set titb=Quelques commandes html
!set keyw=
!set datm=20090915
!set prev=edition
!set next=Latex
!set upbl=edition
!set dat1=19000101
!set dat2=24000101

!if $wims_read_parm!=$empty
 !goto $wims_read_parm
!endif

!exit

:content
<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 (
!read primitives.phtml 1, 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>
<p>
 &lt;font color="purple"><font color="purple">en violet</font>&lt;/font>
 &lt;b><b>En gras</b>&lt;/b>)</pre>
<p>
<b>Exercice &#58;</b> Ecrivez votre liste de courses en changeant de couleur selon les produits. Donnez-lui un titre centré en gras.</p>
<p>
<p>L'html permet la mise en forme de 

!read primitives.phtml 2, fold, tableau, <b>tableaux</b> 
.
<p>
<b>Exercice &#58; </b>Essayez de créer un tableau avec les valeurs de deux fonctions en trois points donnés.</li>
<p>
<h2>Pour faire plus</h2>
<ul>
<li>Des documents en ligne &#58;
<ul>
<li>Un
<a target=wims_external  href="http&#58;//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>
<p>
<li>Un <a targer="wims_external" href="http&#58;//www.w3.org/Style/Examples/011/firstcss.fr.html">tutorial</a>.</li>
</ul></li>
<p>
<li>Quelques possibilités à noter &#58;
<ul>
<li>Pour faire un titre de paragraphe &#58; 
<tt class="c">&lt;h2>Les bases&lt;/h2></tt></li>
<p>
<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&#58; Arial, Helvetica, sans-serif;font-size&#58; 100% ;
  background-color&#58; #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 &#58;
<p>
<pre class="ccc">
.prop
	{
	margin&#58; 0% 8% 0% 8%;
	width&#58; 50%;
	padding&#58; 2%;
	background-color&#58; #E8E4D8;
	}
</pre>
<p>
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>
!read primitives.phtml 3, link, style1 
</li>
<li>
!read primitives.phtml 4, link, style2 
</li></ul></li>
</ul>
