Exercice HTML corrigé la balise frame

<HTML>

<HEAD>

<TITLE> utilisation des frames</TITLE>

</HEAD>

<FRAMESET ROWS="90, *">

<FRAME src="exemple1.html" NAME="exemple" MARGINWIDTH=5                   MARGINHEIGHT=5>

 <FRAMESET COLS="50%, 50%">

                    <FRAME SRC="atelier-5.html" NORESIZE

                                     NAME="structure"  MARGINWIDTH=5 MARGINHEIGHT=5>

                    <FRAME SRC="atelier8.html"

                                     NAME="division"  MARGINWIDTH=5 MARGINHEIGHT=5>

</FRAMESET>

<NOFRAMES>

 ce document contient des frames et votre navigateur est incapable de les gérer

<NOFRAMES>

</FRAMESET>

</HTML>
-----------------------------------------------------------------------------------------------------

Atelier-5.html:

<HTML>

  <HEAD>

     <TITLE>mon home page</TITLE>

   </HEAD>

<BODY>

   <H1>PRENOM NOM </H1>

    Fonction: <BR>  

   Organisme: <BR> 

  détails personnels :<BR> 

  Activités de formation:<BR> 

  autres activités: <BR> 

 </BODY>

</HTML>
-----------------------------------------------------------------------------
exemple1.html:
<html>
  <head>
     <title> introduction au langage HTML </title>
  <head>
<body >
   mon premier document html ! 
   effectivement vous avez raison, c'est très simple !!!!! 

</body>
------------------------------------------------------------------------------
atelier8.html:

<HTML>
 <HEAD>
     <TITLE> Les tabeaux </TITLE>
 </HEAD>
 <BODY>
<table >
  <tr valign=center align=CENTER>
    <th>article</th>
    <th>référence</th>
    <th>prix</th>
</tr>
<tr valign=center align=CENTER>
    <td>livre</td>
   <td>A120</td>
  <td>98</td>
 </tr>  
<tr valign=center align=CENTER>
    <td>cahier</td>
   <td>A125</td>
  <td>5.0</td>
 </tr>  
</table>
<table border=6 cellspacing=2 >
  <tr valign=center align=CENTER>
    <td colspan=4>cellule unique</td>
  </tr>
  <tr valign=center align=left>
    <td rowspan=2 bgcolor="green">100</td>
   <td>200</td>
   <td>500</td>
  <td>1000</td>
  </tr>
  <tr valign=MIDDLE align=CENTER>
   <td>cellule</td>
   <td>gauche</td>
  <td>droite</td>
  </tr>

</table>
<table border=5 cellspacing=2 cellpadding=10>

    <caption align="TOP">

      <b>Tableaux à éléments multiples</b>

    </caption>

   <tr align="center">

        <td><a href="http://www.ensias.ma">ENSIAS</a></td>

        <td><img src="p-suivante.gif"></td>

        <td></td>

    </tr>

    <tr>

       <td><img src="telecharger.GIF"></td>

        <td>

           <ul>

           <li>un

          <li>Deux

          <li>trois

          </ul>

       </td>

       <td align="center">

         <a href="www.w3.org">
 <img     src="porte.gif"></a>

        </td>

     </tr>

    <tr>

      <td align="center"><i>Entrez<br>votre nom</td>

      <td align="left">

            <form method="post" action="aucune">

             <input name="nom">

               <td align="center">

              <input type="submit" value="clic!">

            </form>

       </td>

    </tr>

</table>

 </BODY>

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *