Benutzer-Werkzeuge

Webseiten-Werkzeuge


 [[htmlcss:html1]] 

View page as slide show

HTML - Lektion 1

Einführung

Arbeitsauftrag

Lies dir die Einführung in die aktuellen Webtechniken unter der Adresse
http://fwpf-webdesign.de/einfuehrung durch (alle Abschnitte) und beantworte die folgenden Fragen in eigenen Worten1):

  1. Wer war der „Erfinder“ des „WWW“? Was bedeutet „Hypertext“? Wofür steht die Abkürzung „HTML“?
  2. Wofür steht die Abkürzung „DNS“, welche Aufgabe hat dieser Dienst im Internet?
  3. Welches sind die zwei Ebenen des Webdesigns?
  4. 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

  1. Erstelle auf deinem Arbeitsrechner eine html-Datei mit Dokumenttyp-Deklaration, Head und Body und öffne diese in einem Browser.
  2. 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“)

 Finde für jedes Strukturelement heraus, wie die zugehörige HTML Auszeichnung aussieht. Schreibe ein gültiges HTML-Beispieldokument, das alle Auszeichnungen enthält.

HTML/CSS Lektion 2

1) Cut'n'Paste ist verboten!
 [[htmlcss:html1]] htmlcss/html1.txt · Zuletzt geändert: 2011/10/04 16:09 von gaum