From c8bbafb244cb01b04c41fb667024578b7a187de8 Mon Sep 17 00:00:00 2001 From: Daniel Spittank Date: Sun, 13 Aug 2023 14:37:49 +0200 Subject: [PATCH] =?UTF-8?q?Aufgabe=20f=C3=BCr=202023/24=20gel=C3=B6scht.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- aufgabe.html | 160 --------------------------------------------------- 1 file changed, 160 deletions(-) delete mode 100644 aufgabe.html diff --git a/aufgabe.html b/aufgabe.html deleted file mode 100644 index 850d3d8..0000000 --- a/aufgabe.html +++ /dev/null @@ -1,160 +0,0 @@ - - - - - HTML-Projektaufgabe - - - -
-

Projektaufgabe HTML

- -

Aufteilung des Projekts

-
-
Wann?
-
bis zum 29.05.2023, 23:59 Uhr
-
Was?
-
Erarbeitung der notwendigen Befehle, Erstellung einer eigenen Webseite
-
Wer?
-
Der gesamte Kurs / Abgabe zu zweit möglich
-
Bewertung?
-
Projektaufgabe entspricht der letzten Klausur
-
- -

Aufgabe

-

Erstellt eine einfache Webseite, zu einem frei gewählten Thema, die die folgenden Anforderungen erfüllt.

- - -

Kurze Wiederholung

-

Die Grundstruktur

- Die Grundstruktur einer HTML-Datei findet ihr im Verzeichnis "grundstruktur" unter dem Namen "index.html". - -

Absätze

- 
<p>Ein Text in einem Absatz.</p>
- -

Überschriften

- Es gibt sechs verschiedene Überschriftenlevel von h1 bis h6. Dabei ist h1 die höchste (größte) - und h6 die niedrigste (kleinste). - 
<h1>Text</h1>
- -

Textformat

- Kursiv - 
<em>Text</em>
- - Fett - 
<strong>Text</strong>
- - Unterstrichen - 
<u>Text</u>
- - Fließtext für CSS-Stil - 
<span>Text</span>
- - Block für CSS-Stil - 
<div>Text</div>
- -

Listen

- Es gibt - und -
    -
  1. sortierte Listen (ol, mit Nummern). - 
    -<ol>
-    <li>erster</li>
-    <li>zweiter</li>
-    <li>dritter</li>
-</ol>
    2. -
- -

Bilder

- - Bilder fügt man mit dem Image-Tag (img) ein. Mit dem Attribut "src" gibt man die Quelle an. Das kann nur der Dateiname sein, wenn die Datei im selben Verzeichnis liegt, ein vollständiger Pfad, z.B. bilder/fotos/meinfoto.jpg, oder eine Internetadresse. - - 
<img src="apfelmus.jpg" alt="Ein beschreibender Text, der statt dem Bild angezeigt werden kann." />
- -

- CSS -

- Cascading Style Sheets stehen in einem Style-Tag im Kopfbereich (head) des Dokuments. Sie werden durch den Bezeichner des zu formatierenden Elements und einige Formatierungsanweisungen in geschweiften Klammern angegeben. Beispiel: -
-<style>
-    div.pinkeBox {
-        width: 100px;
-        height: 100px;
-        background-color: pink;
-        border-style: solid;
-        border-color: purple;
-        border-width: 5px;
-        border-radius: 10px;
-    }
-</style>
-
-…
-
-<div class="pinkeBox">
-
-</div>
-
- -
- -
- -
- - -