<pre class="brush: html language-html" data-number=""><code class=" language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><span style="text-decoration: underline;"><strong>IFRAME:<br /></strong></span><br /><em><</em></span><em>iframe</em></span><em> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span></span></em></span></code><em><code class=" language-html"><span class="token tag"><span class="token attr-value">page</span></span></code></em><code class=" language-html"><em><span class="token tag"><span class="token attr-value">.html<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>300<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>300<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Votre navigateur ne supporte pas l'élément iframe<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
</em><span class="token tag"><em><span class="token tag"><span class="token punctuation"></</span>iframe</span></em><span class="token punctuation"><em>></em><br /><br /><span style="text-decoration: underline;"><strong>Lien:<br /><br /></strong></span><em><a href="http://rsstb.fr"target="_blank"> FreshRss</a><br /><br /></em><span style="text-decoration: underline;"><strong>IMG:<br /><br /></strong></span></span></span></code></pre>
<pre><IMG src=lefrance.gif alt="Le France"><br /><br /></pre>
<h1><span style="text-decoration: underline;">Le codage HTML</span></h1>
<h2>Insérer une image</h2>
<h3>Définir le chemin de l'image</h3>
<p align="left"><img src="?"> ajoute une image à votre page et ne nécessite pas un marqueur de fin.<br /><span style="text-decoration: underline;">Règle</span> : <strong><img src="?"></strong></p>
<p align="center"><strong><span style="text-decoration: underline;">Exemple</span> :</strong></p>
<table border="1" width="50%" cellspacing="0" cellpadding="5" align="center" bgcolor="#e6e6e6">
<tbody>
<tr>
<td align="center" valign="middle">
<p class="Tableau"><tt><img src="image.gif"></tt></p>
</td>
<td valign="middle">
<p align="center"><img src="http://www.delprat.org/cours/images/image.gif" alt="" /></p>
</td>
</tr>
</tbody>
</table>
<h3>Ajouter un cadre à l'image</h3>
<p align="left"><img src="?" border="x"> définit l'épaisseur du cadre de l'image<br /><span style="text-decoration: underline;">Règle</span> : <strong><img src="?" border="x"></strong></p>
<p align="center"><strong><span style="text-decoration: underline;">Exemple</span> :</strong></p>
<table border="1" width="50%" cellspacing="0" cellpadding="5" align="center" bgcolor="#e6e6e6">
<tbody>
<tr>
<td align="center" valign="middle">
<p class="Tableau"><tt><img src="image.gif" border="1"></tt></p>
</td>
<td align="left" valign="middle">
<p align="center"><img src="http://www.delprat.org/cours/images/image.gif" alt="" border="1" /></p>
</td>
</tr>
<tr>
<td align="center" valign="middle">
<p class="Tableau"><tt><img src="image.jpg" border="5"></tt></p>
</td>
<td align="left" valign="middle">
<p align="center"><img src="http://www.delprat.org/cours/images/image.gif" alt="" border="5" /></p>
</td>
</tr>
</tbody>
</table>
<h3>Mettre un commentaire à l'image</h3>
<p align="left"><img src="?" alt="je ce je veux"> Le texte s'affiche lorsque le curseur est sur l'image mais il remplace aussi l'image quand celle-ci ne peut être affichée.<br /><span style="text-decoration: underline;">Règle</span> : <strong><img src="?" alt="je ce je veux"></strong></p>
<p align="center"><strong><span style="text-decoration: underline;">Exemple</span> :</strong></p>
<table border="1" width="50%" cellspacing="0" cellpadding="5" align="center" bgcolor="#e6e6e6">
<tbody>
<tr>
<td align="center" valign="middle">
<p class="Tableau"><tt><img src="image.gif" alt="Une jolie corbeille de Windows"></tt></p>
</td>
<td align="center" valign="middle"><img src="http://www.delprat.org/cours/images/image.gif" alt="Une jolie corbeille de Windows" /></td>
</tr>
</tbody>
</table>
<h3>Aligner une image</h3>
<p align="left"><img src="?" align="?"> aligne l'image<br /><span style="text-decoration: underline;">Règle</span> : <strong><img src="?" align="?"></strong></p>
<p align="center"><strong><span style="text-decoration: underline;">Exemple</span> :</strong></p>
<table border="1" width="50%" cellspacing="0" cellpadding="5" align="center" bgcolor="#e6e6e6">
<tbody>
<tr>
<td align="center" valign="middle">
<p class="Tableau"><tt><img src="image.gif" align="left"></tt></p>
</td>
<td align="center" valign="middle"><img src="http://www.delprat.org/cours/images/image.gif" alt="" align="left" /></td>
</tr>
<tr>
<td align="center" valign="middle">
<p class="Tableau"><tt><img src="image.gif" align="right"></tt></p>
</td>
<td align="center" valign="middle"><img src="http://www.delprat.org/cours/images/image.gif" alt="" align="right" /></td>
</tr>
<tr>
<td align="center" valign="middle">
<p class="Tableau"><tt><img src="image.gif" align="center"></tt></p>
</td>
<td align="center" valign="middle"><img src="http://www.delprat.org/cours/images/image.gif" alt="" align="center" /></td>
</tr>
</tbody>
</table>
<pre><br class="Apple-interchange-newline" /><br /></pre>
<pre class="brush: html language-html" data-number=""><code class=" language-html"><span class="token tag"><span class="token punctuation"><em><br /></em><br /><span style="text-decoration: underline;"><strong><br /></strong></span></span></span></code></pre>