AI – Übung 04b: Einfaches Layout mit Boxen
Einfügen von Fotos im Inhaltsbereich
- Lade die obigen fertigen Fotos herunter und speichere sie im Foto-Ordner der Übung 04a.
- Füge die Fotos jeweils am Anfang des ersten Absatzes jeder Seite ein, also auf index.html vor “Äpfel erzeugen den …”. Vergib entsprechende Alternativtexte.
- Programmiere im Stylesheet eine Klasse zur Ausrichtung der Fotos rechts:
.foto_rechts{
float:right;
margin-left:12px;
margin-right:10px;
}
- Weise den Fotos die Klassen .foto_rechts zu: Klicke dazu jeweils das Foto an und wähle im Eigenschaftsfenster unten bei Klasse foto_rechts aus.
Formatieren der Texte
xxx