Skip to content

Commit c0885d4

Browse files
tcollarttcollart
authored
Add files via upload
0 parents  commit c0885d4

15 files changed

+235
-0
lines changed

‎a.html

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<a href="headings.html">Mon lien</a>
2+
<a href="https://www.commentcoder.com">Mon lien</a>

‎commentcoder.jpg

88.8 KB
Loading

‎div.html

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<div>div 1</div>
2+
<div>div 2</div>

‎favicon.ico

12.6 KB
Binary file not shown.

‎form.html

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<form action="" method="POST">
2+
<input type="email" />
3+
<br />
4+
<br />
5+
<input type="password" />
6+
<br />
7+
<br />
8+
<input type="submit" />
9+
</form>

‎headings.html

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<h1>Mon titre unique</h1>
2+
<h2>Un de mes titres</h2>
3+
<h3>Un de mes h3</h3>
4+
<h4>Un de mes h4</h4>
5+
<h5>Un de mes h5</h5>
6+
<h6>Un de mes h6</h6>

‎img.html

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<img src="commentcoder.jpg" width="300" alt="Le Logo de CommentCoder" />

‎index.html

+139
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
<!DOCTYPE html>
2+
<html lang="fr">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Ma première page HTML</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
<link rel="icon" href="favicon.ico" />
9+
<style>
10+
.bouton {
11+
background-color: green;
12+
color: white;
13+
padding: 10px;
14+
border-radius: 5px;
15+
display: inline;
16+
}
17+
18+
#bouton-1 {
19+
background-color: red;
20+
}
21+
22+
#bouton-2 {
23+
font-weight: bold;
24+
}
25+
</style>
26+
<script>
27+
alert("Bienvenue sur mon site");
28+
</script>
29+
</head>
30+
<body>
31+
<header>
32+
<h1>Comment Coder</h1>
33+
<nav>
34+
<ul>
35+
<li><a href="a.html">La balise d'ancrage a</a></li>
36+
<li><a href="div.html">La balise div</a></li>
37+
<li><a href="form.html">La balise de formulaire</a></li>
38+
<li><a href="headings.html">Les balises de titre</a></li>
39+
<li><a href="img.html">La balise d'image</a></li>
40+
<li><a href="input.html">La balise d'input</a></li>
41+
<li><a href="listes.html">Les balise ul, ol et li</a></li>
42+
<li><a href="p.html">La balise pour les paragraphes</a></li>
43+
<li><a href="span.html">La balise pour sélectionner du texte</a></li>
44+
<li>
45+
<a href="strong-em.html"
46+
>Les balises pour mettre en gras ou en italique</a
47+
>
48+
</li>
49+
</ul>
50+
</nav>
51+
</header>
52+
<main>
53+
<section>
54+
<h2>Article de blog</h2>
55+
<article>
56+
<h3>Mon super article</h3>
57+
<p>
58+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, veniam
59+
non enim deleniti molestias aliquam? Ex illum soluta cupiditate? Ab
60+
tempore praesentium itaque odio excepturi? Dignissimos placeat at
61+
quod aliquam.
62+
</p>
63+
<p>
64+
<strong
65+
>L'introduction de mon article de blog résumée en un
66+
paragraphe.</strong
67+
>
68+
</p>
69+
</article>
70+
</section>
71+
<section>
72+
<h2>Tableaux</h2>
73+
<table border="1">
74+
<thead>
75+
<tr>
76+
<th>Prénom</th>
77+
<th>Age</th>
78+
<th>Moyenne</th>
79+
</tr>
80+
</thead>
81+
<tbody>
82+
<tr>
83+
<td>Alice</td>
84+
<td>24</td>
85+
<td>16/20</td>
86+
</tr>
87+
<tr>
88+
<td>Bob</td>
89+
<td>25</td>
90+
<td>14/20</td>
91+
</tr>
92+
</tbody>
93+
<tfoot>
94+
<tr>
95+
<td>2</td>
96+
<td>24.5</td>
97+
<td>15/20</td>
98+
</tr>
99+
</tfoot>
100+
</table>
101+
</section>
102+
<section>
103+
<h2>Input texte</h2>
104+
<input type="text" />
105+
<br />
106+
<br />
107+
<textarea
108+
rows="5"
109+
cols="50"
110+
placeholder="Mon super textarea"
111+
></textarea>
112+
</section>
113+
<section>
114+
<h2>Autres</h2>
115+
<code>print("Bonjour")</code>
116+
</section>
117+
<section>
118+
<h2>Boutons</h2>
119+
<div class="bouton" id="bouton-1">Bouton 1</div>
120+
<div class="bouton" id="bouton-2">Bouton 2</div>
121+
</section>
122+
</main>
123+
<footer>
124+
<div>
125+
<h5>Réseaux sociaux</h5>
126+
<ol>
127+
<li><a href="https://www.youtube.com/@commentcoder">YouTube</a></li>
128+
<li><a href="https://www.github.com/commentcoder">GitHub</a></li>
129+
<li><a href="https://www.tiktok.com/@commentcoder">TikTok</a></li>
130+
<li>
131+
<a href="https://linkedin.com/company/commentcoder">LinkedIn</a>
132+
</li>
133+
</ol>
134+
</div>
135+
<span>CommentCoder 2024</span>
136+
</footer>
137+
<script src="main.js"></script>
138+
</body>
139+
</html>

‎input.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<input type="button" value="Mon bouton" /><br /><br />
2+
<input type="checkbox" /><br /><br />
3+
<input type="color" /><br /><br />
4+
<input type="date" /><br /><br />
5+
<input type="datetime-local" /><br /><br />
6+
<input type="email" /><br /><br />
7+
<input type="file" /><br /><br />
8+
<input type="hidden" /><br /><br />
9+
<input type="image" /><br /><br />
10+
<input type="month" /><br /><br />
11+
<input type="number" /><br /><br />
12+
<input type="password" /><br /><br />
13+
<input type="radio" /><br /><br />
14+
<input type="range" /><br /><br />
15+
<input type="reset" /><br /><br />
16+
<input type="search" /><br /><br />
17+
<input type="submit" /><br /><br />
18+
<input type="tel" /><br /><br />
19+
<input type="text" /><br /><br />
20+
<input type="time" /><br /><br />
21+
<input type="url" /><br /><br />
22+
<input type="week" /><br /><br />

‎listes.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<ul>
2+
<li>li numero 1</li>
3+
<li>li numero 2</li>
4+
<li>li numero 3</li>
5+
<li>li numero 4</li>
6+
<li>li numero 5</li>
7+
<li>li numero 6</li>
8+
</ul>
9+
10+
<ol>
11+
<li>li numero 1</li>
12+
<li>li numero 2</li>
13+
<li>li numero 3</li>
14+
<li>li numero 4</li>
15+
<li>li numero 5</li>
16+
<li>li numero 6</li>
17+
</ol>

‎main.js

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
alert("Voici une alerte");

‎p.html

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<p>
2+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima consequatur
3+
beatae ratione blanditiis harum perferendis explicabo ipsa, asperiores
4+
molestiae? Officia ipsum perferendis praesentium perspiciatis distinctio
5+
voluptas dignissimos eius, dolores saepe!
6+
</p>
7+
8+
<p>
9+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima consequatur
10+
beatae ratione blanditiis harum perferendis explicabo ipsa, asperiores
11+
molestiae? Officia ipsum perferendis praesentium perspiciatis distinctio
12+
voluptas dignissimos eius, dolores saepe!
13+
</p>
14+
15+
<p>
16+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima consequatur
17+
beatae ratione blanditiis harum perferendis explicabo ipsa, asperiores
18+
molestiae? Officia ipsum perferendis praesentium perspiciatis distinctio
19+
voluptas dignissimos eius, dolores saepe!
20+
</p>

‎span.html

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<p>
2+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla
3+
<span style="font-weight: bold"
4+
>rerum repellat deserunt sequi? Sequi quod harum odio, quisquam</span
5+
>
6+
repudiandae ipsam veniam facilis placeat iusto ut. Saepe deserunt rerum dicta
7+
culpa!
8+
</p>

‎strong-em.html

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quasi, suscipit. Nemo
2+
autem quo repudiandae quos ab. A <strong>praesentium ratione quo</strong>. Rem
3+
officiis fugit repellat ex, accusamus enim impedit
4+
<em>dignissimos obcaecati</em>?

‎styles.css

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
body {
2+
background-color: #424242;
3+
color: white;
4+
}

0 commit comments

Comments
 (0)