Demo HTML

by Nizar AYED

HTML

<html>
  <head>
    <title>Demo HTML</title>
  </head>
  <body>
    Bonjour le monde.<br>
    Nous sommes à votre service.
    <p>
      Voici un premier paragraphe.<br>
      Ici nous avons la deuxi&egrave;me ligne du premier paragraphe.
    </p>
    <p>
      Voici un deuxi&egrave;me paragraphe.
    </p>
    <ul>
      <li>Premier &eacute;l&eacute;ment de liste</li>
      <li>Deuxième &eacute;l&eacute;ment de liste</li>
    </ul>
    <p>
      Voici une liste num&eacute;rot&eacute;e :
    </p>
    <ol>
      <li>Format de texte en <strong>gras</strong></li>
      <li>Format de texte en <i>italique</i></li>
      <li>Format de texte <u>soulign&eacute;</u></li>
      <li>Format de texte <strong><i><u>gras, italique et soulign&eacute;</u></i></strong></li>
    </ol>
    <table>
      <thead>
        <tr>
          <td>L1, C1</td>
          <td>L1, C2</td>
          <td>L1, C3</td>
        </tr>
      </thead>
      <tr>
        <td>L2, C1</td>
        <td>L2, C2</td>
        <td>L2, C3</td>
      </tr>
      <tr>
        <td>L3, C1</td>
        <td>L3, C2</td>
        <td>L3, C3</td>
      </tr>
      <tr>
        <td>L4, C1</td>
        <td>L4, C2</td>
        <td>L4, C3</td>
      </tr>
    </table>
    
    <a href="https://demopsej.wordpress.com/">Lien vers mon site</a>
    
  </body>
</html>

CSS

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

thead {
  font-weight: bold;
  font-size: 18pt;
  color: darkblue;
}

table {
  background-color: orange;
  border-collapse: collapse;
  border: 1px solid black;
}

td {
  border: 1px solid black;
  margin: 0;
}