HTML Erste Schritte – Lektion 6 – Bilder
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.
HTML Erste Schritte – Lektion 7 – Das object-Tag. Einbinden von Videos von YouTube.
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.
HTML Erste Schritte – Lektion 8 – Universelle Attribute von Tags
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.
HTML Erste Schritte – Lektion 9 – Erstellung eines Menüs
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.
HTML Erste Schritte – Abschluss
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.
HTML-Lehrbuch – Zusatzmaterialien
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.
CSS-Lehrbuch
Also, Sie haben das HTML-Buch gelesen und machen nun den nächsten Schritt, um Ihre schöne Webseite zu erstellen, indem Sie CSS lernen. Wozu braucht man CSS? Wenn Sie meine „Ersten Schritte HTML“ gelesen haben, ist Ihnen wahrscheinlich aufgefallen, wie kurz dieses kleine Handbuch ist. Ich habe absichtlich viele Tags und Attribute weggelassen, die für die Gestaltung zuständig sind: Kursivschrift, Fett, Farbe, Form, Hervorhebung. Das habe ich gemacht, weil Sie das zunächst nicht brauchen.
CSS-Lehrbuch – Lektion 1 – CSS-Stile einbinden
Ich werde nicht erklären, wozu CSS gut ist. Wenn Sie dieses Lehrbuch geöffnet haben, möchten Sie es lernen. Von meiner Seite aus nur so viel: Die Möglichkeiten von CSS sind sehr umfangreich und erlauben das Layouten von Designs jeder Komplexität. Die Nutzung von CSS bedeutet jedoch, dass Sie auf die Verwendung verschiedener Attribute wie size, color, bgcolor, align und andere verzichten müssen, die CSS „stören“ würden.
CSS-Lehrbuch – Lektion 2 – Einstieg in CSS. CSS-Eigenschaften background, color.
Hallo zusammen. In der letzten Lektion habe ich zwei Dateien erstellt: HTML und CSS. Hier ist ihr Code:
index.html:
<html>
<head>
<title>CSS-Lehrbuch</title>
<link type="text/css" rel="stylesheet" media="all" href="style.css" />
</head>
<body>
<p>Lernen Sie CSS mit drupalbook.org</p>
<p>2. Zeile: Lernen Sie CSS mit drupalbook.org</p>
</body>
</html>style.css:
CSS-Lehrbuch – Lektion 3 – Die Eigenschaften background-color, font-style, font-weight, text-align, text-decoration, text-transform.
Im Laufe der HTML-Geschichte wurden viele Tags erfunden, von denen man mit der flächendeckenden Nutzung von CSS auf einige verzichten wird müssen, darunter <font>, <b>, <i>, <center>. Später werden wir weitere „verbotene“ Tags betrachten. Diese CSS-Eigenschaften helfen Ihnen auch, überflüssigen Code im HTML zu vermeiden und stattdessen in CSS-Dateien auszulagern.