Sie sind hier: Startseite • Studium • Lerninhalte • INT3A

Geprüfter Webmaster - Lerninhalte

INT3A - Webseitenentwicklung mit HTML

Aufgabe 1: Finden Sie Fehler im folgenden Code nach den Regeln von HTML 4.01. Validieren Sie Ihre Datei.

Zeile  1:    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
             "http://www.w3.org/TR/html4/strict.dtd">
Zeile  2:    <HTML> 
Zeile  3:    <head> 
Zeile  4:    <title></title>
Zeile  5:    <meta name="author" content="">
Zeile  6:    </head>
Zeile  7:    <body> 
Zeile  8:    <h2>Hier entsteht eine <strong>(X)HTML-Datei</h2>
Zeile  9:    <p>Herzlich<br>Willkommen</p>
Zeile 10:    <hr> 
Zeile 11:    <img src="bild.gif">
Zeile 12:    </body></HTML>

Lösung

Zeile  1:    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
             "http://www.w3.org/TR/html4/strict.dtd">
Zeile  2:    <HTML>
Zeile  3:    <head>
Zeile  4:    <title>INT 3A - Aufgabe 1</title>
Zeile  5:    <meta name="author" content="Margarita Miagkova">
Zeile  6:    </head>
Zeile  7:    <body>
Zeile  8:    <h2>Hier entsteht eine <strong>(X)HTML-Datei</strong></h2>
Zeile  9:    <p>Herzlich<br>Willkommen</p>
Zeile 10:    <hr>
Zeile 11:    <img src="bild.gif" alt="willkommen">
Zeile 12:    </body></HTML>

[Lösung schließen]

Aufgabe 2: Erstellen Sie daraus eine XHTML- Datei und validieren Sie die Datei online. Reichen Sie den Code ein.

Lösung

Zeile  1:   <?xml version="1.0"?>
Zeile  2:   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Zeile  3:   <html xmlns="http://www.w3.org/1999/xhtml">
Zeile  4:   <head>
Zeile  5:   <title>INT03A Aufgabe 2</title>
Zeile  6:   <meta name="author" content="Margarita Miagkova" />
Zeile  7:   </head> 
Zeile  8:   <body> 
Zeile  9:   <h2>Hier entsteht eine (X) HTML- Datei</h2>
Zeile 10:   <p>Herzlich	<br /> Willkommen!</p>
Zeile 11:   <hr /> 
Zeile 12:   <img src="danke_12.jpg" alt="danke" />
Zeile 13:   </body> 
Zeile 14:   </html>

[Lösung schließen]

Aufgabe 3: Erstellen Sie eine Tabelle nach HTML 4.01, die der nachfolgenden Abbildung entspricht. Nutzen Sie für die Rahmengestaltung die Attribute rules und frame. Versuchen Sie dabei, unterschiedliche Blockelemente zu verwenden.

	Home / Hilfe / Suche
Kurse Geschichte Partner Adresse	*Unsere Adresse lautet:* Musterstr. 1 32555 Kunststadt

Lösung

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/DTD/loose.dtd">
<html>
<head> 
    <title> INT03A Aufgabe 3 </title> 
    <meta name= "author" content ="Margarita Miagkova">
</head> 
<body> 
    <h2 align ="center">Tabelle zu Aufgabe 3</h2> 
    <hr> 
    <table width= "60%" align = "center" border= "3" rules="cols" 
    frame="border"> 
        <tr> 
            <td width= "20%"></td> 
            <td width= "40%" align = "left"> 
                <h3> Home / Hilfe / Suche </h3>
            </td>  
        </tr>
        <tr>
            <td>
                <p><b>Kurse</p>
                <p>Geschichte</p>
                <p>Partner</p> 
                <p>Adresse</b></p>
            </td>
            <td valign="top">
                <b><i>Unsere Adresse lautet:</b> 
                <p></p> 
                <p align ="right">Musterstr. 1
                <br> Kunststadt </i>   
            </td> 
        </tr>
    </table>  
</body> 
</html>

[Lösung schließen]

Aufgabe 4: Veröffentlichen Sie die Tabelle im Internet und nennen Sie Ihre Webadresse.

Lösung

Die nach Bildvorlage erstellte Tabelle finden Sie hier.

[Lösung schließen]

Internetanwendungen in der Praxis II ...CSS Cascading Stylesheets