Im letzten Unterricht haben wir unser erstes HTML-Dokument erstellt, was bedeutet, dass Sie bereits wissen, dass wir HTML-Code in einem Texteditor schreiben und alle Änderungen im Browser ansehen, indem wir die Seite aktualisieren (normalerweise mit der F5-Taste).

Also, in dieser Lektion werden wir weiter mit Text arbeiten und die Tags span, p, div verwenden, um Text einzurahmen. Außerdem betrachten wir das Tag br.

Listen werden auf Websites sehr häufig verwendet: in Menüs oder im Text zur Aufzählung. Beginnen wir mit der beliebtesten Art, der ungeordneten Liste <UL></UL> (unordered list – ungeordnete Liste).

UL-Liste

Die UL-Liste wird für Menüs oder Aufzählungen mit Aufzählungszeichen verwendet. Über HTML kann man auch die Art der Aufzählungszeichen bestimmen.

Ändern wir unseren HTML-Code so:

Wir sind bei den Grundlagen von HTML angekommen, nämlich bei den Hyperlinks (oder einfach Links). Links sind eine Methode, um Verbindungen zwischen verschiedenen Inhalten herzustellen. Angenommen, Sie haben 100.000 Textdateien. Würden Sie dafür ein Inhaltsverzeichnis erstellen, und in jedem Inhaltsverzeichnis stünden 200 Beschreibungen, bräuchten Sie 500 Inhaltsverzeichnisse. Um alle 500 Inhaltsverzeichnisse durchzusehen und die gewünschte Information zu finden, würde viel Zeit vergehen. Wie machen Links unser Leben einfacher?

Eine der wichtigen Formen zur Speicherung von Informationen sind Tabellen. Tabellen werden von Programmen wie Excel, Access und anderen Datenbanken verwendet. Tabellen stellen Daten sehr anschaulich dar, und auf Grundlage dieser Daten lassen sich Diagramme und Grafiken leicht erstellen.

Bilder sind ein sehr wichtiges Element einer Website; ohne sie wirkt die Seite grau und unattraktiv. Bilder werden für die Gestaltung der Website, für Fotogalerien und einfach als Bilder eingesetzt.

Bilder werden mit dem Tag IMG eingefügt (beachten Sie, dass wir nicht „image“ schreiben, sondern nur „img“). Das IMG-Tag ist ein selbstschließendes Tag <img />, also ohne ein schließendes Gegenstück.

Oft möchte man ein Video von YouTube in seinen Blog einbinden. In dieser Lektion besprechen wir, welche Tags und Attribute dafür verwendet werden. Zuerst gehen wir auf YouTube und kopieren den Code des Videos.

Wir haben bereits besprochen, dass verschiedene Tags eigene Attribute haben. Jetzt wollen wir darüber sprechen, dass verschiedene Tags auch gemeinsame, universelle Attribute besitzen. Schauen wir uns die bekanntesten davon an.

Das Hauptbestandteil einer Website ist das Menü (Navigation). Über dieses erfolgt die Navigation zu den verschiedenen Seiten der Website. Außerdem ist das Menü wichtig für die Indexierung durch Suchmaschinen, da ohne Verbindungen zwischen den Seiten die Suchmaschine nicht alle Seiten erreichen kann. Schauen wir uns an, woraus ein Menü besteht.

Ich denke, hiermit beende ich das HTML-Lehrbuch, aber ich werde weiterhin Lektionen zu HTML veröffentlichen, wenn mir neue Ideen kommen. Ihnen mag das Lehrbuch sehr kurz erscheinen, aber es heißt ja auch „Erste Schritte“. Ich glaube nicht, dass es notwendig ist, alle Tags so ausführlich zu beschreiben – das werde ich später in einem HTML-Nachschlagewerk tun.

Wenn Sie darüber nachdenken, weiterzulernen, empfehle ich, mit CSS fortzufahren. Das ist ein Teil von HTML, mit dem man HTML-Elemente gestalten kann, damit alles schön aussieht.

Mit HTML können Sie Ihre eigene Website erstellen. Dieses HTML-Lehrbuch wird Ihnen viel beim Schreiben einer HTML-Website beibringen. Die HTML-Lektionen sind leicht verständlich, sodass Sie viel Freude an HTML haben werden.