Informatikwiki

Albert Einstein Gymnasium Reutlingen

Benutzer-Werkzeuge

Webseiten-Werkzeuge


htmlcss:html_css_lektion_02

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
htmlcss:html_css_lektion_02 [30.08.2014 14:10] – angelegt Stefan Gaumhtmlcss:html_css_lektion_02 [24.10.2014 13:23] (aktuell) Stefan Gaum
Zeile 1: Zeile 1:
 ~~NOTOC~~ ~~NOTOC~~
-[[htmlcss:html_css_lektion_01|=> Lektion 1: Erste Schritte in HTML]]+[[htmlcss:html_css_lektion_01|=> Lektion 1: Einfache Grundlagen und deine erste HTML-Datei]]
  
 ====== Lektion 2: Tags und weitere Möglichkeiten ====== ====== Lektion 2: Tags und weitere Möglichkeiten ======
 +
 +===== Textauszeichnung mit HTML =====
  
 Der Text in einer HTML-Datei wird durch Tags (Markierung) strukturiert. Dieser steht immer in einer spitzen Klammer. Sein Name beschreibt, wofür dieser steht. Darauf folgt der Text. Zum Schluss wird der Tag wieder geschlossen. Der Text in einer HTML-Datei wird durch Tags (Markierung) strukturiert. Dieser steht immer in einer spitzen Klammer. Sein Name beschreibt, wofür dieser steht. Darauf folgt der Text. Zum Schluss wird der Tag wieder geschlossen.
 +
 +kurz:
 +  * Mit HTML wird die **inhaltliche Struktur** festgelegt – **nicht das Aussehen/Layout**. 
 +  * Die Auszeichnung des Inhalts erfolgt in HTML durch Anfangs- und Endmarkierungen (Tags): \\ ''<mstart>auszuzeichnender Text</mende>''
 +  * Start-Tag, Inhalt und Ende-Tag bilden ein HTML-Element
 +  * Elemente können verschachtelt werden, dürfen sich dabei aber nicht überschneiden. Mehr dazu in [[htmlcss:html_css_lektion_04|=> Lektion 4]].
 +
  
 ==== Beispiel ==== ==== Beispiel ====
Zeile 10: Zeile 19:
  
 {{  :htmlcss:work_64.png| }} {{  :htmlcss:work_64.png| }}
-===== Übung =====+===== Übung =====
  
 Wichtige Strukturelemente für Texte sind: Wichtige Strukturelemente für Texte sind:
Zeile 21: Zeile 30:
 Finde für jedes Strukturelement heraus, wie die zugehörige HTML Auszeichnung aussieht. Schreibe ein gültiges HTML-Beispieldokument, das alle Auszeichnungen enthält. Finde für jedes Strukturelement heraus, wie die zugehörige HTML Auszeichnung aussieht. Schreibe ein gültiges HTML-Beispieldokument, das alle Auszeichnungen enthält.
  
-In den folgenden drei Unterkapiteln werden ... beschrieben.+===== Vorschau ===== 
 + 
 +In den folgenden drei Unterkapiteln werden  
 +  * [[htmlcss:html_css_lektion_02_1|=> Kommentare]] 
 +  * [[htmlcss:html_css_lektion_02_2|=> Tabellen]] 
 +  * [[htmlcss:html_css_lektion_02_3|=> Attribute und Hyperlinks]] 
 +beschrieben. 
 + 
 +---- 
 +[[htmlcss:html_css_lektion_02_1|=> Lektion 2.1: Kommentare]]\\  
 +[[htmlcss:start|=> Übersicht: HTML und CSS]]
htmlcss/html_css_lektion_02.1409407823.txt.gz · Zuletzt geändert: 30.08.2014 14:10 von Stefan Gaum

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki