Add files via upload

commentcoder · Aug 20, 2024 · c0885d4 · c0885d4
commit c0885d4
Show file tree

Hide file tree

Showing 15 changed files with 235 additions and 0 deletions.
diff --git a/a.html b/a.html
@@ -0,0 +1,2 @@
+<a href="headings.html">Mon lien</a>
+<a href="https://www.commentcoder.com">Mon lien</a>
diff --git a/commentcoder.jpg b/commentcoder.jpg
diff --git a/div.html b/div.html
@@ -0,0 +1,2 @@
+<div>div 1</div>
+<div>div 2</div>
diff --git a/favicon.ico b/favicon.ico
diff --git a/form.html b/form.html
@@ -0,0 +1,9 @@
+<form action="" method="POST">
+  <input type="email" />
+  <br />
+  <br />
+  <input type="password" />
+  <br />
+  <br />
+  <input type="submit" />
+</form>
diff --git a/headings.html b/headings.html
@@ -0,0 +1,6 @@
+<h1>Mon titre unique</h1>
+<h2>Un de mes titres</h2>
+<h3>Un de mes h3</h3>
+<h4>Un de mes h4</h4>
+<h5>Un de mes h5</h5>
+<h6>Un de mes h6</h6>
diff --git a/img.html b/img.html
@@ -0,0 +1 @@
+<img src="commentcoder.jpg" width="300" alt="Le Logo de CommentCoder" />
diff --git a/index.html b/index.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Ma première page HTML</title>
+    <link rel="stylesheet" href="styles.css" />
+    <link rel="icon" href="favicon.ico" />
+    <style>
+      .bouton {
+        background-color: green;
+        color: white;
+        padding: 10px;
+        border-radius: 5px;
+        display: inline;
+      }
+
+      #bouton-1 {
+        background-color: red;
+      }
+
+      #bouton-2 {
+        font-weight: bold;
+      }
+    </style>
+    <script>
+      alert("Bienvenue sur mon site");
+    </script>
+  </head>
+  <body>
+    <header>
+      <h1>Comment Coder</h1>
+      <nav>
+        <ul>
+          <li><a href="a.html">La balise d'ancrage a</a></li>
+          <li><a href="div.html">La balise div</a></li>
+          <li><a href="form.html">La balise de formulaire</a></li>
+          <li><a href="headings.html">Les balises de titre</a></li>
+          <li><a href="img.html">La balise d'image</a></li>
+          <li><a href="input.html">La balise d'input</a></li>
+          <li><a href="listes.html">Les balise ul, ol et li</a></li>
+          <li><a href="p.html">La balise pour les paragraphes</a></li>
+          <li><a href="span.html">La balise pour sélectionner du texte</a></li>
+          <li>
+            <a href="strong-em.html"
+              >Les balises pour mettre en gras ou en italique</a
+            >
+          </li>
+        </ul>
+      </nav>
+    </header>
+    <main>
+      <section>
+        <h2>Article de blog</h2>
+        <article>
+          <h3>Mon super article</h3>
+          <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, veniam
+            non enim deleniti molestias aliquam? Ex illum soluta cupiditate? Ab
+            tempore praesentium itaque odio excepturi? Dignissimos placeat at
+            quod aliquam.
+          </p>
+          <p>
+            <strong
+              >L'introduction de mon article de blog résumée en un
+              paragraphe.</strong
+            >
+          </p>
+        </article>
+      </section>
+      <section>
+        <h2>Tableaux</h2>
+        <table border="1">
+          <thead>
+            <tr>
+              <th>Prénom</th>
+              <th>Age</th>
+              <th>Moyenne</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Alice</td>
+              <td>24</td>
+              <td>16/20</td>
+            </tr>
+            <tr>
+              <td>Bob</td>
+              <td>25</td>
+              <td>14/20</td>
+            </tr>
+          </tbody>
+          <tfoot>
+            <tr>
+              <td>2</td>
+              <td>24.5</td>
+              <td>15/20</td>
+            </tr>
+          </tfoot>
+        </table>
+      </section>
+      <section>
+        <h2>Input texte</h2>
+        <input type="text" />
+        <br />
+        <br />
+        <textarea
+          rows="5"
+          cols="50"
+          placeholder="Mon super textarea"
+        ></textarea>
+      </section>
+      <section>
+        <h2>Autres</h2>
+        <code>print("Bonjour")</code>
+      </section>
+      <section>
+        <h2>Boutons</h2>
+        <div class="bouton" id="bouton-1">Bouton 1</div>
+        <div class="bouton" id="bouton-2">Bouton 2</div>
+      </section>
+    </main>
+    <footer>
+      <div>
+        <h5>Réseaux sociaux</h5>
+        <ol>
+          <li><a href="https://www.youtube.com/@commentcoder">YouTube</a></li>
+          <li><a href="https://www.github.com/commentcoder">GitHub</a></li>
+          <li><a href="https://www.tiktok.com/@commentcoder">TikTok</a></li>
+          <li>
+            <a href="https://linkedin.com/company/commentcoder">LinkedIn</a>
+          </li>
+        </ol>
+      </div>
+      <span>CommentCoder 2024</span>
+    </footer>
+    <script src="main.js"></script>
+  </body>
+</html>
diff --git a/input.html b/input.html
@@ -0,0 +1,22 @@
+<input type="button" value="Mon bouton" /><br /><br />
+<input type="checkbox" /><br /><br />
+<input type="color" /><br /><br />
+<input type="date" /><br /><br />
+<input type="datetime-local" /><br /><br />
+<input type="email" /><br /><br />
+<input type="file" /><br /><br />
+<input type="hidden" /><br /><br />
+<input type="image" /><br /><br />
+<input type="month" /><br /><br />
+<input type="number" /><br /><br />
+<input type="password" /><br /><br />
+<input type="radio" /><br /><br />
+<input type="range" /><br /><br />
+<input type="reset" /><br /><br />
+<input type="search" /><br /><br />
+<input type="submit" /><br /><br />
+<input type="tel" /><br /><br />
+<input type="text" /><br /><br />
+<input type="time" /><br /><br />
+<input type="url" /><br /><br />
+<input type="week" /><br /><br />
diff --git a/listes.html b/listes.html
@@ -0,0 +1,17 @@
+<ul>
+  <li>li numero 1</li>
+  <li>li numero 2</li>
+  <li>li numero 3</li>
+  <li>li numero 4</li>
+  <li>li numero 5</li>
+  <li>li numero 6</li>
+</ul>
+
+<ol>
+  <li>li numero 1</li>
+  <li>li numero 2</li>
+  <li>li numero 3</li>
+  <li>li numero 4</li>
+  <li>li numero 5</li>
+  <li>li numero 6</li>
+</ol>
diff --git a/main.js b/main.js
@@ -0,0 +1 @@
+alert("Voici une alerte");
diff --git a/p.html b/p.html
@@ -0,0 +1,20 @@
+<p>
+  Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima consequatur
+  beatae ratione blanditiis harum perferendis explicabo ipsa, asperiores
+  molestiae? Officia ipsum perferendis praesentium perspiciatis distinctio
+  voluptas dignissimos eius, dolores saepe!
+</p>
+
+<p>
+  Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima consequatur
+  beatae ratione blanditiis harum perferendis explicabo ipsa, asperiores
+  molestiae? Officia ipsum perferendis praesentium perspiciatis distinctio
+  voluptas dignissimos eius, dolores saepe!
+</p>
+
+<p>
+  Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima consequatur
+  beatae ratione blanditiis harum perferendis explicabo ipsa, asperiores
+  molestiae? Officia ipsum perferendis praesentium perspiciatis distinctio
+  voluptas dignissimos eius, dolores saepe!
+</p>
diff --git a/span.html b/span.html
@@ -0,0 +1,8 @@
+<p>
+  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla
+  <span style="font-weight: bold"
+    >rerum repellat deserunt sequi? Sequi quod harum odio, quisquam</span
+  >
+  repudiandae ipsam veniam facilis placeat iusto ut. Saepe deserunt rerum dicta
+  culpa!
+</p>
diff --git a/strong-em.html b/strong-em.html
@@ -0,0 +1,4 @@
+Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quasi, suscipit. Nemo
+autem quo repudiandae quos ab. A <strong>praesentium ratione quo</strong>. Rem
+officiis fugit repellat ex, accusamus enim impedit
+<em>dignissimos obcaecati</em>?
diff --git a/styles.css b/styles.css
@@ -0,0 +1,4 @@
+body {
+  background-color: #424242;
+  color: white;
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<a href="headings.html">Mon lien</a>
		<a href="https://www.commentcoder.com">Mon lien</a>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<img src="commentcoder.jpg" width="300" alt="Le Logo de CommentCoder" />