-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-1.html
126 lines (58 loc) · 2.67 KB
/
page-1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<!-- En tete de la page -->
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Page 1</title>
</head>
<body>
<h1>Bienvenue sur OpenClassrooms !</h1>
<p>Bonjour et bienvenue sur mon site : OpenClassrooms.<br />
OpenClassrooms, qu'est-ce que c'est ?</p>
<h2>Des cours pour débutants</h2>
<p>OpenClassrooms vous propose des cours (tutoriels) destinés aux débutants : aucune connaissance n'est requise pour lire ces cours !</p>
<p>Vous pourrez ainsi apprendre, sans rien y connaître auparavant, à créer un site web, à programmer, à construire des mondes en 3D !</p>
<h2>Une communauté active</h2>
<p>Vous avez un problème, un élément du cours que vous ne comprenez pas ? Vous avez besoin d'aide pour créer votre site ?<br />
Rendez-vous sur les forums ! Vous y découvrirez que vous n'êtes pas le seul dans ce cas et vous trouverez très certainement quelqu'un qui vous aidera aimablement à résoudre votre problème.</p>
<mark>soyez indulgents</mark>
<strong>soyez indulgents</strong>
<em>soyez indulgents</em>
<ul>
<li>Fraises</li>
<li>Framboises</li>
<li>Cerises</li>
</ul>
<ol>
<li>Je me lève.</li>
<li>Je mange et je bois.</li>
<li>Je retourne me coucher.</li>
</ol>
<p>Bonjour. Souhaitez-vous consulter <a href="page-2.html">la page 2</a> ?</p>
<h1>Ma grande page</h1>
<p>
Aller directement à la partie traitant de :<br />
<a href="#cuisine">La cuisine</a><br />
<a href="#rollers">Les rollers</a><br />
<a href="#arc">Le tir à l'arc</a><br />
</p>
<h2 id="cuisine">La cuisine</h2>
<p>... (beaucoup de texte) ...</p>
<h2 id="rollers">Les rollers</h2>
<p>... (beaucoup de texte) ...</p>
<h2 id="arc">Le tir à l'arc</h2>
<p>... (beaucoup de texte) ...</p>
<p>Bonjour. Souhaitez-vous visiter <a href="https://openclassrooms.com" title="Vous ne le regretterez pas !">OpenClassrooms</a> ?</p>
<p><a href="mailto:votrenom@bidule.com">Envoyez-moi un e-mail !</a></p>
<p><a href="monfichier.zip">Télécharger le fichier</a></p>
<p>
Voici une photo que j'ai prise lors de mes dernières vacances à la montagne :<br />
<img src="images/montagne.jpg" alt="Photo de montagne" title="C'est beau les Alpes quand même !"/>
</p>
<p>
Vous souhaitez voir l'image dans sa taille d'origine ? Cliquez dessus !<br />
<a href="img/montagne.jpg"><img src="img/montagne_mini.jpg" alt="Photo de montagne" title="Cliquez pour agrandir" /></a>
</p>
</body>
</html>