Unterrichtsmaterial Einführung HTML

Informatik Johann Penon

Erstellen eines HTML-Dokuments mit einem Editor I

Ziel dieser Aufgabe ist es den Aufbau und die Funktionsweise eines Dokumentes im HTML-Format nachzuvollziehen. Bitte führen Sie dazu die folgenden Schritte aus:

  1. Legen Sie einen Ordner mit dem Namen "Test-HTML" in Ihrem Arbeitsbereich an.
     
  2. Öffnen Sie "notepad++" (unter Programme) oder über Start | Programme | Zubehör | Editor den Windows-Editor.
     
  3. Speichern Sie die leere Seite unter dem Namen "index.html" im Ordner "Test-HTML".
     
  4. Tippen Sie folgenden Text ab. Ersetzen Sie dabei den Titel durch Ihren Namen und den Text durch Stze Ihrer Wahl.
    <html>
    <head>
        <title>Ihr Name</title>
    </head>
    <body>
       <p>Ihr Text</p>
    </body>
    </html>
  5. Speichern Sie den Text ab.
     
  6. Öffnen Sie den Windows-Explorer im Ordner "Test-HTML" und starten Sie durch einen Doppelklick die Anzeige der Datei "index.html" im Browser.
     
  7. Verbessern Sie das Aussehen Ihres Textes durch das Einfgen von Attributen. Hilfe bietet dabei eine ausführliche Auflistung von HTML-Befehlen und eine kleine Auswahl daraus hier:

 

Fett <b>Fetter Text </b>
Kursivschrift <i>Kursiver Text </i>
ungeordnete Liste <ul>
   <li> Erster Punkt </li>
   <li> Zweiter Punkt </li>
</ul>

zum Seitenanfang springen

zum Seitenanfang springen