Übung 2: Bilder und Verlinkung

Aufgabe 1 (bigdata.html)

1. Erstelle eine HTML-Datei bigdata.html, in der du die Grundstruktur einfügst.
2. Erstelle eine Überschrift "Big Data" und füge zwei Bilder ein:
3. Bild 1: Das Bild auf der Seite https://oinf.ch/wp-content/uploads/BigData5V.png
   (verlinke direkt auf diese Bilddatei)
4. Bild 2: Die Datei l2-bigdata.jpg, die du herunterlädst und im denselben Ordner speicherst, in dem sich deine HTML-Datei befindet.
5. Die Bilder sind beide 300 Pixel hoch und stehen nebeneinander.
6. Zuunterst steht ein Absatz mit den beiden Quellen OINF.ch und https://www.smart-digits.com/2013/07/big-data-was-ist-wirklich-sinnvoll-fur-medienhauser/
7. Setze je einen Hyperlink, der die beiden Quellen in einem neuen Tab öffnet.

Aufgabe 2 (visitenkarte.html)

Gestalte deine eigene Visitenkarte bestehend aus:

• Name als h1-Überschrift
• Adresse
• E-Mail (mit mailto: )
• Telefonnummer (mit tel: )
• Lieblingswebsite (soll sich in einem neuen Tab öffnen)

Aufgabe 3 (geschichte.html)

Suche im Internet nach einer Persönlichkeit, die die Informatik geprägt hat, (abgesehen von Tim Berners-Lee) und erstelle eine kurze Portraitseite zu dieser Person mit folgendem Inhalt:

• Lebensdaten und wichtige Stationen im Leben (als eine Liste);
• Errungenschaft(en), die für die Informatik wichtig ist/sind;
• ein Bild der Person einfügen (die Grafikdatei soll online verlinkt und nicht heruntergeladen werden);
• Link zu der/den Quelle(n), die du für die Recherche benutzt hast;
• unten dein Name und Klasse (Autor: ...) hinschreiben.

➡ Abgabe der html-Datei in die Teams-Aufgabe