Skip to content

Instantly share code, notes, and snippets.

@Orianne0605
Last active October 9, 2019 13:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Orianne0605/732c465989f63e510c247706143539d6 to your computer and use it in GitHub Desktop.
Save Orianne0605/732c465989f63e510c247706143539d6 to your computer and use it in GitHub Desktop.
HTML Les bonnes pratiques
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author", content="orianne">
<meta name="description" content="Find the Previous est un site commandé par Sauron">
<title>Find the precious!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
<li>FindThePrecious.com</li>
<li>Fellows</li>
<li>"Contact us"</li>
</ul>
</nav>
<section>
<h2>Fellows wanted dead (or alive if you want to eat them later)</h2>
</section>
<section>
<div id="placeholder">
<article>
<a href="https://placeholder.com"title="le placeholder de la mort"><img src="https://via.placeholder.com/300" alt="placeholderNumero1"></a>
</article>
<article>
<a href="https://placeholder.com"title="le placeholder de la mort qui tue"><img src="https://via.placeholder.com/300" alt="placeholderNumero2"></a>
</article>
<article>
<a href="https://placeholder.com"title="le placeholder de la mort qui tue tout sur son passage"><img src="https://via.placeholder.com/300" alt="placeholderNumero3"></a>
</article>
</div>
<hr />
</section>
<h2>Contact us</h2>
<form name=form1>
<label for="email">E-mail :</label><input type="email" placeholder="@">
<label for="text">Adresse :</label><input type="text" placeholder="&#8962;">
<label for="element">Element :</label><select name="nom" size="1">
<option value="">I have seen one of them</option>
<option>element 1</option>
<option>element 2</option>
<option>element 3</option>
<option>element 4</option>
<option>element 5</option>
</select>
<label for="submit">Votre message :</label><textarea placeholder="Your message"></textarea>
<input type="submit" value="Send">
</form>
<footer>
<ul>
<li>About us</li>
<li>Fellows</li>
<li>Join our army</li>
<li>FAQ</li>
<li>Reward conditions</li>
<li>Legal Mentions</li>
</ul>
<a href="file:///home/orianne/Documents/Sauron4ever.html">Sauron4ever.com</a>
<a href="https://twitter.com/?lang=fr">Follow him also on Twitter</a>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment