Strukturierungsarbeit. Nutze den unformatierten Text für eine simple Seite
- Erstelle einen neuen Ordner:
uebung_2 - Erstelle darin ein neues Dokument
uebung2.html
Lege die DTD (Document Type Definition, Doctype) und HTML-Struktur im Dokument an. Der Meta-Tag ist wichtig, damit Sonderzeichen korrekt interpretiert werden. Gib immer das Encoding an, mit dem dein HTML-Editor arbeitet; in der Regel ist das UTF-8.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title>Übung 2: Markup</title>
</head>
<body>
</body>
</html>-
Öffne die Textvorlage in deinem Editor (Sublime Text?) und übernimm den Inhalt ins
<body>Element deines eigenen HTML-Dokuments. -
Entscheide, welche Information im Text welchem Tag entspricht und füge die Tags enstprechend ein. Denke jeweils auch an die Closing Tags!
-
Verlinke die Überschrift deiner Seite mit der URL
http://www.zeit.de/2016/35/e-mails-professoren-studenten-formalitaeten-stil-hoeflichkeit/ -
Verlinke das Wort „Emojis“ mit der Seite
https://de.wikipedia.org/wiki/Emoji -
Validiere dein Dokument und korrigiere Fehler unter validator.w3.org. Verwende am besten "Direct Input" als Eingabemethode und füge deinen Code per Copy & Paste ein.
-
Prüfe deine Seite im Browser deiner Wahl.
Die veranschlagte Bearbeitungszeit für diese Aufgabe beträgt 7 Tage, bis zur nächsten Kursstunde.
Die Abgabe dieser Aufgabe ist nicht vorgesehen und dient lediglich deiner eigenen Übung.
- Meta- und Link-Tags im
<head>(fortgeschritten!)