Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- informatik:html-css:html-css-bausteine [2020/04/01 10:16] – angelegt jonathan.pfeiffer
+++ informatik:html-css:html-css-bausteine [2020/06/10 18:59] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 2: / Zeile 2: @@
 Internetpräsenz erstellen - Hilfreiche Links
+===== Lernvideos =====
+==== Menüleiste / Navigation Bar ====
+[[https://www.w3schools.com/css/css_navbar.asp]]
+<code css>
+ <ul>
+  <li><a href="webseite1.html">Home</a></li>
+  <li><a href="webseite2.html">News</a></li>
+  <li><a href="webseite3.html">Contact</a></li>
+  <li><a href="webseite4.html">About</a></li>
+</ul>
+</code>
+{{ :informatik:html-css:bausteine-html-navigation-bar.mp4 |}}
+===== Misc =====
 ==== Farbkombinationen ====
@@ Zeile 16: / Zeile 34: @@
-===== Designvorlagen HTML/CSS =====
+==== Designvorlagen HTML/CSS ====
   * html https://www.w3schools.com/html/default.asp
@@ Zeile 26: / Zeile 44: @@
      * Flexbox https://www.w3schools.com/css/css3_flexbox.asp / https://css-tricks.com/snippets/css/a-guide-to-flexbox/
-===== Layout =====
+==== Layout ====
   * Float https://www.w3schools.com/css/css_float.asp
   * Grid https://www.w3schools.com/css/css_grid.asp
-  *
 Inhalt in einer Box zentrieren:
@@ Zeile 41: / Zeile 59: @@
-===== Editor =====
+==== Editor ====
   * notepad++ https://notepad-plus-plus.org/download/v7.6.html
-===== Responsive Design =====
+==== Responsive Design ====
 https://developer.mozilla.org/de/docs/Web/CSS/Media_Queries/Using_media_queries