SHARE
TWEET

Untitled

a guest Jan 11th, 2019 242 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html> <!-- Ce qui faut mettre en début d'une page html -->
  2. <html lang="fr"> <!-- Première balise à mettre -->
  3. <head><!-- Deuxième balise à mettre -->
  4.  
  5.     <meta charset="utf-8" /> <!-- Pour les accents -->
  6.     <link rel="stylesheet" href="style.css" /> <!-- Permet de raccorder le code css au html -->
  7.     <title>Page 1</title> <!-- Titre de la page -->
  8. </head>
  9. <body> <!-- Ce que l'utilisateur va voir -->
  10. <h2 class="introduction">Bienvenue Sur Mon Site !</h2><!-- class="introduction" -> Retourne la couleur ( etc... ) css -->
  11. <p><span class="introduction">Vous</span> n'allez rien faire c'est <mark><em><strong>juste moi</strong></em></mark> qui vais m'y amusé ^^</p> <!-- paragraphe avec retour à la ligne + balise permettant de mettre en gras, italique et souligé --> <!-- <span> permet d'entourer un seul mot et de liu attribuer les valeurs de la class -->
  12. <p>Voici une petite liste de chose que je vais apprendre mtn :</p>
  13. <ol> <!-- Liste ordonnée : 1. 2. 3. -->  <!-- Liste non ordonnée (<ul></ul>) : ° ° °-->
  14.     <li>HTML</li>
  15.     <li>CSS</li>
  16.     <li>PHP</li>
  17. </ol>
  18.  
  19. <p>Veuillez consultez la <a href="file:///C:/Users/L%C3%A9o/Documents/html/Apprendre%20html2.html">page 2</a> de mon site !</p> <!-- Allez sur une autre page -->
  20.  
  21. <a href="#Open">Soupe au Potiron</a><br /> <!-- 1 ligne de code pour allez sur le chapitre cliqué sur une page -->
  22. <a href="#site2">Soupe à la Courgette</a><br />
  23.  
  24. <h3 id="Open">Soupe au Potiron :</h3><br /> <!-- 2 ligne de code qui est le chapitre que l'utilisateur à demandé -->
  25. <h3 id="site2">Soupe à la Courgette :</h3><br />
  26.  
  27. <p><div class="introduction">Rendez vous quelques part sur la deuxième page du site :</div> <!-- <div> permet d'attribuer la valeur de la class à un groupe de mots ( le problème est qu'en plein milieu de phrase, cela crée un retour à la ligne -->
  28.     <a href="file:///C:/Users/L%C3%A9o/Documents/html/Apprendre%20html2.html#La cuisine" title="Vous allez adorer !" target="_blank">La cuisine</a><br /> <!-- Cette ligne de code permet d'aller à un chapitre précis dans une autre page + title qui permet lorsque l'on reste sans cliquer sur "la cuisine", affiche qlq chose + target="_blank" permet de forcer l'affichage d'une autre page -->
  29. </p>
  30.  
  31.     <p>Pour pouvoir me contacter, veuillez m'envoyer un mail sur l'adresse : <a href="mailto: leorharibo@gmail.com">leorharibo@gmail.com</a></p> <!-- Pouvoir redigirer l'utilisateur vers mon adresse email -->
  32.     <p>Si vous voulez télécharger Discord, veuillez cliqué <a href="https://discordapp.com/download">sur ce lien</a></p>
  33.  
  34.     <figure>
  35.     <p>Voici une photo de chat pour passer le temps ^^ :</p>
  36.     <img src="C:\Users\Léo\Pictures/chat.jpg" alt="ça arrive, ça arrive ^^" title="ANWWW trop bo"/> <!-- Affiche une image + plus un texte si ça lag ^^ toi même tu saiss -->
  37.     <figcaption>Ceci est un très beau chat</figcaption> <!-- Afficher un titre en bas de l'image -->
  38.     </figure>
  39.  
  40. </body>
  41. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top