Correction série 01 HTML

Correction série 01 HTML

  1. Objectifs

    • Savoir écrire le code minimum en HTML pour créer une page Web.
    • Savoir créer en mode code un tableau.
    • Savoir insérer une image en HTML.
    • Savoir insérer un lien hypertexte en mode code.
    • Savoir distinguer entre une adresse absolue et une adresse relatif.
  2. Exercice 01

    1. Énoncé
    2. Solution
      • Page01

          <!doctype html>
          <html>
              <thead>
              <meta charset="utrf-8">
              <title>Les tableaux</title>
          </thead>
          <body style="background-image: url(images/image3.png);">
          <center>
          
          <table width="700px" height="800px" >
          
          
              <tr >  <td rowspan="3" width="200px">Cellule 1</td>
                  <td height="150px"><img src="images/image1.png"></td>  </tr>
              <tr> <td height="450px">
               <p id="para1">“Initialement, le World Wide Web, communément appelé le web, était un moyen de partager des pages web (documents écrits en HTML). Le protocole HTTP (Hyper Text Transfer Protocol) a été conçu pour véhiculer ces documents. Depuis cette date, le web a beaucoup évolué et plusieurs phases se sont succédées avant d’obtenir les applications en ligne que l’on utilise aujourd’hui.”
          
          </br>  Le HTML est un langage de programmation pour créer une page web. C’est le langage de base que chaque vrai créateur de site a appris à ses débuts.
          </br>  Le HTML est un langage de programmation pour créer une page web. C’est le langage de base que chaque vrai créateur de site a appris à ses débuts.
          </br> Le HTML 5 est un évolution logique du HTML 4.01
          </p>
          
                  <p id="para2">Le HTML 5 est un évolution logique du HTML 4.01 en le simplifiant sur certain point (comme le doctype) et en l’actualisant en fonction de son utilisation et de sa distribution.
          </p>
          <p id="para3">Le HTML5 est la dernière révision majeure du HTML. Cette version a été finalisée le 28 octobre 2014.</p>   
          </p>
          
              </td></tr>
              <tr> <td><a href="page2.html">Page 2</a></td></tr>
          
          
          </table>
          
          
          </center>
          
          </body>
          </html>

        Page02

          <!doctype html>
          <html>
              <thead>
              <meta charset="utrf-8">
              <title>Les tableaux</title>
          </thead>
          <body style="background-image: url(images/image3.png);">
          <center>
          
          <table border="2" width="700px" height="700px">
          
          
              <tr >  <td colspan="2"  height="150px" >Cellule 1</td></tr>
              <tr><td width="200px"  height="450px"><img src="images/image2.png"></td>
                  <td height="450px" width="500px"><a href="page1.html#para3">Le paragraphe 3 de la page 1</a></td></tr>
              <tr> <td colspan="2"><a href="page1.html">Page 1</a></td></tr>
          <!--
          Si l'image est située dans le même répertoire que 
          votre page HTML, vous pouvez intégrer cette image en utilisant son URL relatif, par exemple :
          <img src="images/image1.jpg"> :
          Un lien relatif quant à lui n’inclut que le nom d’un fichier ou d’une page spécifique,
           qui est relatif au chemin courant.
          
          
          Vous pouvez intégrer l'image en utilisant son URL absolue, par exemple :
          <img src="https://www.example.com/images/image1.jpg">
          Les chemins absolus contiennent l’URL complète, incluant le protocole,
           le nom de domaine du site Web et éventuellement un fichier,
            sous-dossier ou nom de page spécifique.
          -->
          
          </table>
          
          
          </center>
          
          </body>
          </html>



Laisser un commentaire

Abonnez vous à notre chaîne YouTube gratuitement