API tools faq
paste
Advertisement
Guest User

Ben

a guest
Apr 19th, 2019
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Page exemple</title>
  5.     <link rel="stylesheet" type="text/css" href="stylePrinterest.css">
  6. </head>
  7. <body>
  8.  
  9.     <div id="col1">
  10.         <div id="col-1"><img src="logop.png" width="50" height="50" alt="logo"></div>
  11.         <div id="col-2"><img src="barrederecherche.jpg" width="1000" height="50" alt="recherche"></div>
  12.         <div id="col-3"><a href="https://www.pinterest.fr/" target="_blank"><img src="accueil.jpg" width="100" height="50" alt="droite"></div>
  13.         <div id="col-4"><a href="https://www.pinterest.fr/following" target="_blank"><img src="abonnement.jpg" width="130" height="50" alt="droite"></div></a>
  14.         <div id="col-4-2"><a href="https://www.pinterest.fr/dmorichon/" target="_blank"><img src="dylan.jpg" width="100" height="50" alt="droite"></div></a>
  15.         <div id="col-5"><a href="" target="_blank"><img src="msgs.jpg" width="50" height="50" alt="droite"></div></a>
  16.         <div id="col-6"><a href="" target="_blank"><img src="notifs.jpg" width="50" height="50" alt="droite"></div></a>
  17.         <div id="col-7"><a href="" target="_blank"><img src="ect.jpg" width="50" height="50" alt="droite"></div></a>
  18.         <div class="clearer"></div>
  19.     </div>
  20.  
  21.     <div id="col2">
  22.         <div id="col-8"><a href="https://www.pinterest.fr/pin/459367230737807387/" target="_blank"><img src="col2-1.png" width="280" height="480" alt="logo"></div></a>
  23.         <div id="col-9"><img src="col2-2.png" width="250" height="450" alt="recherche"></div>
  24.         <div id="col-10"><img src="col2-3.png" width="260" height="480" alt="droite"></div>
  25.         <div id="col-11"><img src="col2-4.png" width="260" height="450" alt="droite"></div>
  26.         <div id="col-12"><img src="col2-5.png" width="270" height="460" alt="droite"></div>
  27.         <div class="clearer"></div>
  28.     </div>
  29.  
  30. </body>
  31. </html>>
  32.  
  33. --------------------------------------
  34.  
  35. TUTO
  36.  
  37. <!DOCTYPE html>
  38. <html>
  39.     <head>
  40.         <meta charset="utf-8">
  41.         <title>Ceci est un titre</title>
  42.         <meta name="description" content="Ceci est une description pour Google">
  43.         <meta name="author" content="Dylan Morichon">
  44.     </head>
  45.     <body>
  46.         <b>Ceci est un texte en gras (b= bold).</b><br>
  47.         <strong>Ceci est un texte en gras.</strong><br>
  48.         <u>Ceci est un texte souligné (u = underline)</u><br>
  49.         <strike>Ceci est un texte barré</strike><br>
  50.         <span>Ceci est un texte simple</span><br>
  51.         <span style="background-color: yellow">Ceci est un texte surligné en jaune</span><br>
  52.         <mark>Ceci surligne en jaune par défault</mark><br>
  53.         <p>
  54.             Ceci est un paragraphe contenant un <a href="https://www.qwant.com" target="_blank">lien </a> <br>
  55.             pour ouvrir dans un nouvel onglet : target="_blank"
  56.         </p>
  57.  
  58.         <ol>
  59.             <li>Ceci est une liste
  60.                 <ol>
  61.                     <li>Element 1</li>
  62.                     <li>Element 2</li>
  63.                 </ol>
  64.             </li>
  65.         </ol>
  66.         <span>Implanter une vidéo sur ma page</span><br>
  67.         <iframe width="560" height="315" src="https://www.youtube.com/embed/LquEz3M-X5Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  68.         <br>
  69.         <h1>Titre 1</h1>
  70.         <p>Ceci est un paragraphe sous le titre 1</p>
  71.         <h2>Titre 2</h2>
  72.         <h2>Titre 2</h2>
  73.         <!-- Ceci est un commentaire -->
  74.         <img src="image.jpg" width="100" height="100" alt="Bonjour">
  75.     </body>
  76. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!