fin cours html/css

NSI/CoursPremierePdf/web/cours_html.html

@@ -30,13 +30,13 @@
                             <a class="nav-link active" aria-current="page" href="#">Home</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="#">SNT</a>
+                            <a class="nav-link" href="../../../SNT/accueil_SNT.html">SNT</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="#">Première NSI</a>
+                            <a class="nav-link" href="../../premiereNSI.html">Première NSI</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="#">Terminale NSI</a>
+                            <a class="nav-link" href="../../terminaleSNI.html">Terminale NSI</a>
                         </li>
                     </ul>
                 </div>
@@ -163,6 +163,59 @@ <h3>Structuration des documents</h3>
                 on <a href="https://codepen.io">CodePen</a>.</span>
         </p>
         <script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
+
+        <ul>
+            <li>
+                Balises de texte :
+            </li>
+        </ul>
+
+
+        <table class="table table-bordered">
+            <thead class="thead-dark">
+                <tr>
+                    <th>Balises </th>
+                    <th>Rôle</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td> &lt;b &gt;  et &lt;/b &gt;</td>
+                    <td>Mise en gras</td>
+
+                </tr>
+                <tr>
+                    <td>&lt;i &gt; et &lt;/i &gt;</td>
+                    <td>Mise en italique</td>
+
+                </tr>
+                <tr>
+                    <td>&lt;u &gt; et &lt;/u &gt;</td>
+                    <td>soulignement</td>
+
+                </tr>
+                <tr>
+                    <td>&lt;sub &gt; et &lt;/sub &gt;</td>
+                    <td>mise en indice</td>
+
+                </tr>
+                <tr>
+                    <td>&lt;sup &gt; et &lt;/sup &gt;</td>
+                    <td>mise en exposant</td> 
+                </tr>
+
+                <tr>
+                    <td> &lt;code &gt; et &lt;/code &gt;</td>
+                    <td>code</td>
+                </tr>
+                <tr>
+                    <td>&lt;mark &gt; et &lt;/mark&gt;</td>
+                    <td>texte surligné</td>
+                </tr>
+
+            </tbody>
+        </table>
+
         <ul>
             <li>
                 Structuration du document. La balise &lt;p&gt; représente un paragraphe. Les espaces et les retours
@@ -497,7 +550,7 @@ <h3>Les tableaux</h3>
 
         <h3>Pour en savoir plus...</h3>
         <p>Vous pouvez aller sur le site W3S où il existe un validateur HTML5 et sur le site de Pierre Giraud
-            (https://www.pierre-giraud.com/html-css-apprendre-coder-cours/introduction/ ). 
+            (<a href="https://www.pierre-giraud.com/html-css-apprendre-coder-cours/introduction/">site</a> ). 
         </p>
     </div>
     <!-- JavaScript Bundle with Popper -->

NSI/CoursPremierePdf/web/style.css

@@ -20,6 +20,11 @@ max-width: 50%;
     max-width: 50%;
 }
 
+
+#travail{
+    max-width: 50%;
+}
+
 .container{
     max-width:70%;
     background-color : white;