HTML 02 - Mise en forme du texte et listes

by atlantismultimedia

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Ma première page</title>
	</head>
	<body>
		<h1>1. Titre 1</h1>
		<h2>1.1. Titre 1.1</h2>
		<h3>1.1.1. Titre 1.1.1</h3>
		<p><em>Lorem ipsum</em> dolor <strong>sit amet</strong>, consectetur adipiscing elit, 
		sed do eiusmod tempor incididunt ut labore et dolore magna 
		aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
		ullamco laboris nisi ut aliquip ex ea commodo consequat.<br /> 
		<mark>Duis aute irure dolor in reprehenderit in voluptate velit</mark> 
		esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
		occaecat cupidatat non proident, sunt in culpa qui officia 
		deserunt mollit anim id est laborum.</p>

			<ul>
				<li>Orange</li>
				<li>Fraise</li>
				<li>Banane</li>
				<li>Coco
					<ol>
						<li>Taille 1</li>
						<li>Taille 2</li>
						<li>Taille 3</li>
						<li>Taille 4</li>
					</ol>
				</li>
			</ul>

			<ol>
				<li value="6">Orange</li>
				<li value="10">Fraise</li>
				<li>Banane</li>
				<li>Coco</li>
			</ol>

			<ol type="I">
				<li>Orange</li>
				<li>Fraise</li>
				<li>Banane</li>
				<li>Coco</li>
			</ol>

			<ol start="3">
				<li>Orange</li>
				<li>Fraise</li>
				<li>Banane</li>
				<li>Coco</li>
			</ol>

			<ol reversed>
				<li>Orange</li>
				<li>Fraise</li>
				<li>Banane</li>
				<li>Coco</li>
			</ol>

		<h2>1.2. Titre 1.2</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
		sed do eiusmod tempor incididunt ut labore et dolore magna 
		aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
		ullamco laboris nisi ut aliquip ex ea commodo consequat. 
		Duis aute irure dolor in reprehenderit in voluptate velit 
		esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
		occaecat cupidatat non proident, sunt in culpa qui officia 
		deserunt mollit anim id est laborum.</p>
		<h1>Titre 2</h1>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
		sed do eiusmod tempor incididunt ut labore et...