erste Schritte in HTML

Aufgabe HTML

Bilden Sie die Autorenbeschreibung unter https://projekt-gutenberg.org/autoren/namen/gottschl.html in HTML nach, wie im folgenden Screenshot angegeben:

Luise Adelgunde

Die Autorenbeschreibung lässt sich aufteilen in sechs Bereiche:

Luise Adelgunde Bereiche

1) Bild der Autorin: Speichern Sie das Bild auf Ihrer Festplatte ab, z.B. über einen Rechtsklick auf das Bild, im anschließenden Dialog „Speichern unter“. Binden Sie das gespeicherte Bild in Ihre HTML-Seite ein. Informieren Sie sich bitte unter http://de.selfhtml.org/html/grafiken/einbinden.htm, wie das <img> Tag verwendet wird, um Bildmaterial einzubinden.

2) Der Name „Luise Adelgunde Victorie Gottsched geb. Kulmus“ soll besonders hervorgehoben werden.

3) Der Textblock besteht aus mehreren Abschnitten.

4) Unter dem Textblock befindet sich eine horizontale Linie.

5) Der Schriftzug „Werke u.a.“ soll besonders hervorgehoben werden.

6) Die Informationen des letzten Bereiches sind durch eine unsortierte Liste (Tag <ul> bzw. für die Listenelemente: <li>) repräsentiert (http://de.selfhtml.org/html/text/listen.htm).

Was haben wir gemacht? (w3schools)

THE WORLD’S LARGEST WEB DEVELOPER SITE

W3Schools

  1. HTML Introduction
    • What is HTML?
    • HTML Tags
    • HTML Page Structure
    • The <!DOCTYPE> Declaration
  2. HTML Editors
  3. HTML Basic Examples
  4. HTML Headings
  5. HTML Paragraphs
    HTML Horizontal Rules
  6. HTML Attributes
  7. HTML Links
  8. HTML Images