Page Web minimale en HTML5 avec CSS3

Vous trouverez ci-dessous le code basique pour créer une page web en HTML5 associé à une feuille de style en CSS3.

Le fichier robots.txt est nécessaire pour une indexation par les moteurs de recherche comme Google. Le contenu des balises META devra, bien sûr, s'adapter à vos besoins. L'icône représentative de votre site (fichier favicon.ico) devra avoir une taille de 16x16 pixels.

Cette page a été vue 818 fois. Date de mise à jour : 02/02/2014 12:14:29.

Le code HTML5 de la page


<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="robots" content="noindex, nofollow" />
		<link rel="icon" href="favicon.ico">
		<title>page HTML5 minimale</title>
		<link rel="stylesheet" type="text/css" media="all" href="minimum.css" />
	</head>
	<body>
		<h1>page HTML5 minimale</h1>
		<p>Daniel Fasquelle et <a href="#">Marc Le Fur</a>, deux des trois élus sanctionnés, ont affirmé qu'ils ne se laisseraient "pas intimider". Dans les couloirs du Palais Bourbon, les deux députés ont réagi à la sanction : "Nous sanctionner, nous obliger à la censure nous semblent des méthodes d'un autre âge", a jugé Marc Le Fur. Lors du débat sur le mariage homosexuel, pendant "des jours, on nous a répondu : 'Cause toujours', nous posions des questions, on n'y répondait pas et maintenant, on nous dit 'taisez-vous' !", s'est indigné le député des Côtes-d'Armor.</p>
		<img width="570px" height="320px" title="Le député UMP Marc Le Fur" alt="Marc Le Fur" src="http://www.francetvinfo.fr/image/74vsepk9m-5298/570/320/1906405.jpg" ></img>
		<p>"Il y avait un climat de tension pour créer un incident qui a été mis en place par le pouvoir", a dénoncé Daniel Fasquelle, qui "regrette" la "bousculade" qui "n'aurait pas dû avoir lieu". "Maintenant que cet incident a eu lieu (...), on fait en sorte de" le "monter en épingle", a regretté ce député du <a href="#">Pas-de-Calais</a> en visant la majorité.</p>
	</body>
</html>

Le code CSS3 attaché


/* ------ minimum css ------ */

body {
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	background: #ccddee;
	margin: 0 1.5em;
}
h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
p {
	width: 570px;
	font-size: 0.95em;
	margin: .75em 0;
	text-align: justify;
}
/* style des liens */
a {
	color: #FF6533;
	text-decoration: none;
}
a:hover, a:focus {
	color: #FF4C00;
	text-decoration: underline;
}

Le contenu du fichier robots.txt


User-agent: *
Allow: /