Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- planung:hypertextmarkuplanguage [2022/11/13 16:13] – marroc
+++ planung:hypertextmarkuplanguage [2022/11/13 18:01] (aktuell) – marroc
@@ Zeile 1: / Zeile 1: @@
 ====HTML - eine Beschreibungssprache für Dokumente im Web====
-=== **Was ist HTML** ===
+=== Was ist HTML ===
-HTML (Hyper Text Markup Language) ist also eine Art Sprache, mit der wir einfache Webseiten erstellen und in einem Browser anzeigen können. Wir wollen uns nun ein bisschen anschauen, wie HTML genau funktioniert und als Produkt eine kleine Webseite erstellen. Diese werden wir aber nur lokal auf unserem Computer und nicht im Internet speichern.\\
+HTML (//Hyper Text Markup Language//) ist also eine Art Sprache, mit der wir einfache Webseiten erstellen und in einem Browser anzeigen können. Wir wollen uns nun ein bisschen anschauen, wie HTML genau funktioniert und als Produkt eine kleine Webseite erstellen. Diese werden wir aber nur lokal auf unserem Computer und nicht im Internet speichern.\\
-HTML ist eine Beschreibungssprache (//WYSIWYM = What you see is what you mean//), ähnlich dem Wikitext
-HTML ist eine Auszeichnungs- respektive eine Beschreibungssprache. Aber HTML ist keine Programmiersprache, denn HTML hat keine Befehle, es werden auch keine Schleifen oder Bedingungen, sprich kein Algorithmus programmiert. HTML ist eine Beschreibungssprache die genutzt wird, um ähnlich wie ein «Worddokument fürs Netz», Inhalt fürs Web darzustellen. Dies ist ein erheblicher Unterschied. \\
+HTML ist eine **Beschreibungssprache** (//WYSIWYM = What you see is what you mean//). Aber HTML ist keine Programmiersprache, denn HTML hat keine Befehle, es werden auch keine Schleifen oder Bedingungen, sprich kein Algorithmus programmiert. Diese Sprache wird genutzt, um ähnlich wie ein «Worddokument fürs Netz», Inhalt fürs Web darzustellen. Dies ist ein erheblicher Unterschied. \\
-Typisch an HTML ist, dass sogenannte Tags verwendet werden, um die Inhalte einer Webseite zu kennzeichnen, sodass Ihr Browser weiss, wie diese darzustellen. Dies bedeutet, dass die darzustellende Seite strukturiert wird in header, navigation, main, footer etc. und in diesen Strukturelementen unter anderem noch mit Tags der Inhalt der Website dargestellt werden kann. \\
+Typisch an HTML ist, dass sogenannte **Tags** verwendet werden, um die Inhalte einer Webseite zu kennzeichnen, sodass Ihr Browser weiss, wie diese darzustellen. Dies bedeutet, dass die darzustellende Seite strukturiert wird in header, navigation, main, footer etc. und in diesen Strukturelementen unter anderem noch mit Tags der Inhalt der Website dargestellt werden kann. \\
 Ein Tag (sprich «täg», englisch für Etiketten) hat immer einen Namen (zum Beispiel p für Paragraph) und wird in spitzen Klammern (< und >) dargestellt.
 Einige Tags fungieren als eine Art Behälter, die Elemente enthalten. \\
 Jeder Tag hat ein Anfangselement (beispielsweise <p>) und dann beginnt der Absatz, es folgt darauf zwingend ein Endelement, welches mit einem Schrägstrich gekennzeichnet ist (beispielsweise </p>). Zwischen diesen Tags wird er Inhalt des Absatzes dargestellt.  \\
 Im folgenden Beispiel wird der Tag <p> eingesetzt, um dem Browser mitzuteilen, dass alles zwischen dem öffnenden Tag <p> und dem schliessenden Tag </p> zum selben Paragraphen gehört: \\
+<code>
 <p>Hier steht ein Absatz (paragraph), der immer auf einer neuen Zeile beginnt.</p>
+</code>
 === Die ersten Schritte in HTML. ===
 Der Einstieg zu HTML und die ersten Aufgaben dazu arbeiten Sie mit dem Material von Georg Schaller - Kollegium Gambach durch.
-Lesen und bearbeiten Sie [[https://www.info.we-tea.ch/doku.php?id=wiki:html_css:html_css_1#was_ist_html | Material Schaller Gambach]]
+<WRAP center round todo 80%>
+**Auftrag**\\
+  - Lesen und bearbeiten Sie [[https://www.info.we-tea.ch/doku.php?id=wiki:html_css:html_css_1#grundgeruest_von_html | Material Schaller Gambach]]
+  - Lösen Sie die Aufgaben 1 bis 3.
+  - Erstellen Sie ein Spick mit allen wichtigen HTML - Befehlen (Papierform)
+</WRAP>