Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

21/03/2022

Just for fun : un exemple de code HTML

Cet article fait suite au précédent : "Les bases du HTML en vidéo".

Après avoir acquis quelques bases, je me suis amusé a écrire ces quelques lignes de code HTML :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Docteur Sangsue's test page</title>
  </head>
  <body>
    <h1>Le blog du Docteur Sangsue est trop cool</h1>
    <img src="http://unmetiercasappend.hautetfort.com/portrait.jpg">

    <p>Son blog est super car :</p>

    <ul>
      <li>Ses sujets sont trés diversifiés passant de la musique, la photographie, la cuisine, l'informatique et bien d'autres !</li>
      <li>Instructif</li>
      <li>Bien documenté</li>
      <li>Avec des sources recherchées et vérifiées avec soin</li>
    </ul>

    <p>Rejoignez le vite si vous voulez être surpris !</p>
    <p>Rejoignez le vite si vous voulez vous divertir !!</p>
    <p>Rejoignez le vite si vous voulez apprendre plein de choses !!!</p>
    
    <a><p>Lisez le <a href="http://unmetiercasappend.hautetfort.com/">blog du Docteur Sangsue
</a> pour vous divertir. Et bien plus encore...</p>

    </ul></a>

<p>Voici, aussi, le type de vidéo que vous allez pouvoir découvrir sur son blog :</p>

<iframe width="383" height="304" src="https://www.youtube.com/embed/nns_p3Hz1D0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</body>
</html>

 

Si voulez savoir ce que cela donne : copiez collez mes lignes de code dans le Bloc-notes (l'éditeur de texte de Windows) refermez le fichier puis renommez* l’extension .txt en .htm.

Double cliquez dessus.

Et...

 

P. S. : Faut-il, encore que, dans Windows, s'affiche l'extension des fichiers.

Les commentaires sont fermés.