Untitled

<!DOCTYPE html>
<html>
	<head>
		<title>Ma page</title>
		<meta charset="UTF-8">

		<style>
			body {
				background-color: rgb(179,187,191);
			}

			p {
				font-family: Helvetica;
				font-size: 13pt;
				color: rgb(78,66,66);
			}

			h1 {
				font-family: Garamond;
				font-size: 33pt;
				color: rgb(211,45,34);
				text-align:center;
			}

			h2 {
				font-family: Arial;
				font-size: 23pt;
				color: rgb(130,69,139);
				text-align:right;
			}

			h3 {
				font-family: monospace;
				font-size: 17pt;
				color: rgb(13,69,139);
				text-align:center;
			}

			#liste {color: yellow; font-style: italic;}

			.textgras {font-weight: bold;}

			.bleu {color: blue;}
		</style>
	</head>
	<body>
		<ul id=liste><li>Éléments</li><li>d’une</li><li>liste</li></ul>
		<p class="textgras">Du texte </p>
		<p class="bleu textgras">Encore du texte</p>
		<a class="bleu" href="https://www.google.com">Google</a>
		<ul class="textgras" id="liste"><li>une</li><li>autre</li><li>liste</li></ul>
	</body>
</html>