Aufgabe 11-20 Flashcards
Aufgabe 11
Erstelle eine HTML-Seite mit einer Überschrift “Meine Hobbys” und einer ungeordneten Liste mit drei Ihrer Hobbys.
Lösung:
<!DOCTYPE html> <html> <head> <title>Meine Hobbys</title> </head> <body> <h1>Meine Hobbys</h1> <ul> <li>Lesen</li> <li>Malen</li> <li>Tanzen</li> </ul> </body> </html>
Aufgabe 11
Erstelle eine HTML-Seite mit einem Bild Ihrer Wahl und einem Absatz, der den Namen des Künstlers oder Fotografen enthält.
Hinweis:
Sie müssen den Dateinamen des Bildes und den Pfad zur Datei im src-Attribut anpassen und den Namen des Künstlers oder Fotografen im entsprechenden Absatz einfügen.
Lösung:
<!DOCTYPE html> <html> <head> <title>Mein Lieblingsbild</title> </head> <body> <h1>Mein Lieblingsbild</h1> <img src="lieblingsbild.jpg" alt="Mein Lieblingsbild"> <p>Künstler/Fotograf: [Name des Künstlers/Fotografen]</p> </body> </html>
Aufgabe 12
Erstelle eine HTML-Seite mit einem Formular, das eine Frage mit mehreren Antwortmöglichkeiten enthält.
Lösung:
<!DOCTYPE html> <html> <head> <title>Fragebogen</title> </head> <body> <form> <label for="frage">Was ist Ihre Lieblingsfarbe?</label><br> <input type="radio" id="antwort1" name="farbe" value="rot"> <label for="antwort1">Rot</label><br> <input type="radio" id="antwort2" name="farbe" value="blau"> <label for="antwort2">Blau</label><br> <input type="radio" id="antwort3" name="farbe" value="grün"> <label for="antwort3">Grün</label><br> <input type="submit" value="Absenden"> </form> </body> </html>
Aufgabe 13
Erstelle eine HTML-Seite mit einer Tabelle, die die Namen und Noten von drei Schülern enthält.
Lösung:
<!DOCTYPE html> <html> <head> <title>Schülerliste</title> </head> <body> <h1>Schülerliste</h1> <table> <tr> <th>Name</th> <th>Note</th> </tr> <tr> <td>Max Mustermann</td> <td>2,0</td> </tr> <tr> <td>Maria Musterfrau</td> <td>1,7</td> </tr> <tr> <td>Peter Petersen</td> <td>3,5</td> </tr> </table> </body> </html>
Aufgabe 14
Erstelle eine HTML-Seite mit einer Überschrift “Meine Lieblingsfilme” und einer geordneten Liste mit drei Ihrer Lieblingsfilme.
Lösung:
<!DOCTYPE html> <html> <head> <title>Meine Lieblingsfilme</title> </head> <body> <h1>Meine Lieblingsfilme</h1> <ol> <li>The Shawshank Redemption</li> <li>The Godfather</li> <li>The Dark Knight</li> </ol> </body> </html>
Aufgabe 15
Erstelle eine HTML-Seite mit einem Link zu Ihrer Lieblingswebsite.
Lösung:
<!DOCTYPE html> <html> <head> <title>Meine Lieblingswebsite</title> </head> <body> <h1>Meine Lieblingswebsite</h1> <p>Besuchen Sie meine Lieblingswebsite unter folgendem Link:</p> <a href="http://www.meinelieblingswebsite.com">Meine Lieblingswebsite</a> </body> </html>
Aufgabe 16
Erstelle eine HTML-Seite mit einem Formular, das ein Textfeld und eine Schaltfläche enthält.
Lösung:
<!DOCTYPE html> <html> <head> <title>Formular</title> </head> <body> <form> <label for="name">Name:</label> <input type="text" id="name" name="name"><br> <input type="submit" value="Absenden"> </form> </body> </html>
Aufgabe 17
Erstelle eine HTML-Seite mit einem Bild Ihrer Wahl und einem Link, der zu einer größeren Version des Bildes führt.
Hinweis:
Sie müssen den Dateinamen des Bildes und den Pfad zur Datei im src-Attribut anpassen und den Dateinamen der größeren Version des Bildes im href-Attribut des Links angeben.
Lösung:
<!DOCTYPE html> <html> <head> <title>Bild</title> </head> <body> <h1>Mein Lieblingsbild</h1> <a href="lieblingsbild-gross.jpg"> <img src="lieblingsbild.jpg" alt="Mein Lieblingsbild"> </a> </body> </html>
Aufgabe 18
Erstelle eine HTML-Seite mit einem Absatz, der einen Text enthält, der durchgestrichen formatiert ist.
Lösung:
<!DOCTYPE html> <html> <head> <title>Durchgestrichener Text</title> </head> <body> <p><del>Dieser Text ist durchgestrichen</del></p> </body> </html>
Aufgabe 19
Erstelle eine HTML-Seite mit einer Tabelle, die drei Spalten und drei Zeilen hat und Zahlen von 1 bis 9 enthält.
Lösung:
<!DOCTYPE html> <html> <head> <title>Tabelle</title> </head> <body> <table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </body> </html>
Aufgabe 20
Erstelle eine HTML-Seite mit einem Video-Player, der ein Video Ihrer Wahl abspielt.
Hinweis:
Sie müssen den Dateinamen des Videos und den Pfad zur Datei im src-Attribut angeben und gegebenenfalls zusätzliche Quellformate für das Video angeben.
Lösung:
<!DOCTYPE html> <html> <head> <title>Video</title> </head> <body> <h1>Mein Lieblingsvideo</h1> <video controls> <source src="lieblingsvideo.mp4" type="video/mp4"> <source src="lieblingsvideo.webm" type="video/webm"> <p>Ihr Browser unterstützt das Videoformat nicht.</p> </video> </body> </html>
