Informatikwiki

Albert Einstein Gymnasium Reutlingen

Benutzer-Werkzeuge

Webseiten-Werkzeuge


htmlcss:html1

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
htmlcss:html1 [27.09.2012 12:30] Stefan Gaumhtmlcss:html1 [30.08.2014 14:17] (aktuell) – gelöscht Stefan Gaum
Zeile 1: Zeile 1:
-~~SLIDESHOW~~ 
-====== HTML - Lektion 1 ====== 
  
-===== Einführung ===== 
- 
-{{:htmlcss:work_64.png  |Arbeitsauftrag}} 
- 
-Lies dir die Einführung in die aktuellen Webtechniken unter der Adresse \\ [[http://fwpf-webdesign.de/einfuehrung/entwicklung-des-internets|Entwicklung des Internets]] durch (alle Abschnitte) und beantworte die folgenden Fragen **mit eigenen Worten**((Cut'n'Paste ist verboten!)): 
- 
-  - Wer war der "Erfinder" des "WWW"? Was bedeutet "Hypertext"? Wofür steht die Abkürzung "HTML"? 
-  - Wofür steht die Abkürzung "DNS", welche Aufgabe hat dieser Dienst im Internet? 
-  - Welches sind die zwei Ebenen des Webdesigns? 
-  - Erkläre die Begriffe //Website//, //Webseite// und //Homepage//. 
- 
-===== Textauszeichnung mit HTML ===== 
- 
-  * 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. 
- 
-===== Beispieldokument ===== 
- 
-  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
-  <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de" > 
-    <head> 
-      <title>Titel der Seite</title> 
-      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
-    </head> 
-    <body> 
-     Hallo Welt! 
-    </body> 
-  </html> 
- 
-===== Übung ===== 
- 
-{{:htmlcss:work_64.png  |}} 
- 
-  - Erstelle auf deinem Arbeitsrechner eine html-Datei mit Dokumenttyp-Deklaration, Head und Body und öffne diese in einem Browser. 
-  - Lade die Datei auf deinen Übungswebspace und öffne die URL deines Webspaces. 
- 
-===== Übung ===== 
- 
-Wichtige Strukturelemente für Texte sind: 
- 
-  * Überschriften (in verschiedener Ebene) 
-  * Absätze 
-  * Auflistungen ("Spiegelstriche") 
-  * Aufzählungen ("Nummern") 
- 
-{{:htmlcss:work_64.png| }} Finde für jedes Strukturelement heraus, wie die zugehörige HTML Auszeichnung aussieht. Schreibe ein gültiges HTML-Beispieldokument, das alle Auszeichnungen enthält. 
- 
- 
-[[htmlcss:html2|HTML/CSS Lektion 2]] 
htmlcss/html1.1348749037.txt.gz · Zuletzt geändert: 27.09.2012 12:30 von Stefan Gaum

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki