HTML - Grafik einbinden


Die Grundvoraussetzung für eine Grafik, die in HTML-Dokumente eingebunden werden soll, ist eine geringe Dateigröße bei hoher Auflösung. Daher haben sich im Laufe der Zeit drei verschiedene Formate im World Wide Web durchgesetzt: GIF, JPEG und PNG.

Der Fokus liegt heute darauf, Grafiken und Farben in Ihre Webseiten einzufügen. In diesem Kapitel werden Sie etwas über die HTML-Kodierungen für das Hinzufügen von Grafiken, Farben und Hintergründen lernen. Nach diesem Kapitel werden Sie alles, was es über das Einfügen von Grafiken in Webseiten zu wissen gibt, kennen ...

Weiterlesen


Lassen Sie uns ein einfaches Beispiel versuchen. Hier ist die Webseite HTML-Lernen. Mit Hilfe all der ausgezeichneten Hinweise, die ich Ihnen in den letzten Kapiteln gegeben habe, sollten Sie in der Lage sein, ohne weiteres so eine Seite wie die folgende zu erstellen. Hier folgt der HTML-Code für diese Datei und Grafik ...

Weiterlesen


Die vorige Übung Bilder auf der Webseite hinzufügen zeigte, wie eine interne Abbildung in einem eigenen Absatz mit Text darunter in eine Seite eingefügt wird. Sie können ebenso Abbildungen neben (oder in) eine Textzeile einfügen. (Genau-genommen kommt der Ausdruck "inline image" genau daher.). Um eine Abbildung ...

Weiterlesen


Beachten Sie, dass bei diesen Beispielen die Grafik so dargestellt wurde, dass der untere Rand des Bildes und der untere Rand des Textes nebeneinander lagen. Die <img />-Kennung unterstützt auch das align-Attribut, das es Ihnen ermöglicht, die Grafik oben oder unten mit dem umgebenden Text oder anderen Bildern auf der ...

Weiterlesen


Eine Grafik innerhalb einer Textzeile einzufügen ist kein Problem, solange Sie nur eine einzige Zeile Text haben. Ein Aspekt von internen Bildern, den ich bis jetzt verschwiegen habe, ist, dass dies alles in HTML 2.0 nur mit einer einzelnen Text-zeile funktioniert. Wenn Sie mehrere Textzeilen haben und eine Grafik in deren ...

Weiterlesen


Was können Sie tun, wenn Sie den Raum neben der Grafik nicht weiterhin auffüllen, sondern eine neue Zeile unterhalb der Grafik beginnen wollen? Ein normaler Zeilenumbruch wird da nicht genügen – er wird die Zeile nur um einen Zeilen-abstand weiterschieben. Auch eine neue Absatzmarke wird den Text weiterhin ...

Weiterlesen


Mit der Fähigkeit, Text um ein Bild herumfließen zu lassen, möchten Sie vielleicht auch den Abstand um das Bild einstellen. Die vspace- und hspace-Attribute ermöglichen Ihnen genau das (beide sind HTML-3.2-Merkmale). Beide können als Pixel-Wert angegeben werden; vspace (von vertical space, vertikaler Abstand) ...

Weiterlesen


Lassen Sie uns ein einfaches Beispiel für die Verwendung einer Grafik als Ver-knüpfungs-punkt konstruieren. Wenn Sie mehrere zusammengehörige Webseiten haben, zwischen denen man sich in gleichmäßiger Weise bewegen kann (beispiels-weise vorwärts, rückwärts, zurück, hoch, an den Anfang und so weiter), ist es ...

Weiterlesen


Im Unterschied zu internen Grafiken erscheinen externe Grafiken nicht direkt auf Ihrer Webseite, sondern werden separat gespeichert und mit der Seite so verknüpft, wie auch andere Seiten verknüpft werden. Der Grund, warum es sich lohnt, externe Bilder in diesem Kapitel zu erwähnen, ist der, dass externe Grafiken oft eine ...

Weiterlesen


Sie wissen darüber Bescheid, was die meisten Leute mit Grafiken auf Webseiten anfangen – und Ihnen ist alles darüber bekannt, was HTML 2.0 mit Grafiken anfangen kann. Es gibt aber einige neuere Tricks, mit denen man spielen kann, und davon handelt dieser Abschnitt. Alle Attribute in diesem Abschnitt waren ...

Weiterlesen


Eine Möglichkeit, Farbe in Ihre Webseiten zu bringen, besteht darin, Grafiken einzufügen; Grafiken können Farbspritzer zwischen dem Schwarz, Grau und Weiß erzeugen. Einige Erweiterungen ermöglichen es Ihnen jedoch, die Farben der Seite selbst zu bestimmen, einschließlich der Hintergrundfarbe der Seite, sowie der ...

Weiterlesen


Die Verwendung von Grafiken auf Webseiten ist heute eine der meistdiskutierten Fragen zwischen Nutzern und Anbietern von Webseiten. Für jeden, der eine Webseite mit mehr, größeren und glänzenden Grafiken gestalten will, um die Vorzüge der grafischen Fähigkeiten des Web auszunutzen, gibt es jemanden mit ...

Weiterlesen

Kontakt

Email: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!
Tel : 038305 / 529 799
Erstellt mit HTML5 und CSS3 - © 2024  HTML Lernen
  Zitate bei QuotientQuotables