In HTML Ein Bild Zentrieren - WikiHow

Có thể bạn quan tâm

Start
Zufall
Kategorien durchsuchen
Über wikiHow

Anmelden/ Registrieren

RichtlinienIn HTML ein Bild zentrieren

PDF herunterladen Autoreninformation

PDF herunterladen X

In diesem Artikel: In Text ausrichten In einem Center Tag ausrichten Tipps und Warnungen Verwandte Artikel Literaturhinweise

Die Ausrichtung von Bildern ist eine wichtige Fähigkeit beim Programmieren von Webseiten. Leider sind mit der Veränderung des Codes manche HTML Tags überholt und werden nicht mehr von allen Browsern erkannt. Versuche es mit diesen Methoden, um in HTML ein Bild zu zentrieren. Wenn sie nicht funktionieren, erwäge die Verwendung von Cascading Style Sheets (CSS).

Vorgehensweise

Methode 1 Methode 1 von 2:

In Text ausrichten

PDF herunterladen

1 Verwende in deinem Tag nicht das Wort “center”. In der HTML-Programmierung kannst du Text zentrieren, aber du musst die Ausrichtung von Bildern mit dem Wort “middle” angeben. Ein Bild ist kein Zeilenelement, daher wird es im Verhältnis zu anderen Elementen erkannt.
2 Gehe in eine neue Zeile. Gib mit dem Absatz-Tag an, dass eine neue Zeile beginnt. Beginne dein Tag mit <p> und schreibe dann deinen Text.
3 Füge das Bild ein, indem du <img src=”imgName.gif” eingibst. Gib dann die Bildbeschreibung ein mit alt=”Bildbeschreibung”.
- Mit dem “src” Teil bekommt die Webseite die URL des Bilds.
- Mit dem "alt" Teil erkennt die Webseite, wie das Bild bezeichnet werden soll.
4 Gib die Ausrichtung deines Bilds an. Tippe align=”middle”> ein. Dies ist das Ende des Bildbereichs deines Tags.[1]
5 Füge mehr Text hinzu. Schließe den Tag dann mit </p>. Der gesamte Tag könnte z. B. so aussehen: <p>Wir lernen HTML. <img src=”bildtanzenderhund.gif” alt=”tanzender Hund” align=”middle> Unser Beispiel ist abgeschlossen. </p> Werbeanzeige

Methode 2 Methode 2 von 2:

In einem Center Tag ausrichten

PDF herunterladen

1 Erstelle ein neues Element und zentriere es. Du kannst das Bild in dieses zentrierte Element einfügen. Es werden allerdings zusätzliche Leerzeichen um dein Element herum eingefügt.
2 Gehe in eine neue Zeile. Beginne mit dem Zentrieren des Elements. Tippe <center> ein.
3 Füge dein image tag hinzu. Tippe <img src=”bildtanzenderhund.gif” alt=”tanzender Hund” ein.
4 Gib die Höhe und die Breite des Bilds an. Gib height=”200” width=”200”> oder eine andere Größe deiner Wahl ein. Dies ist das Ende des image-Teils des Tags.
5 Beende dein Tag mit </center>. Der gesamte Tag würde z. B. so aussehen: <center><img src=”bildtanzenderhund.gif” alt=”tanzenderhund” height=”200” width=”200”></center>.[2] Werbeanzeige

Warnungen

Sei dir darüber bewusst, dass sowohl das align- als auch das center-Tag veralten können. Dies bedeutet, dass sie in der Zukunft nicht mehr benutzt werden. Auch wenn es kein genaues Datum gibt, wann deren Verwendung eingestellt wird, Browser werden sie irgendwann nicht mehr erkennen und der Code muss auf CSS oder HTML5 aktualisiert werden.

Werbeanzeige

Referenzen

↑ http://www.w3schools.com/tags/att_img_align.asp
↑ http://www.netmechanic.com/news/vol7/html_no10.htm

Über dieses wikiHow

wikiHow ist ein "wiki", was bedeutet, dass viele unserer Artikel von zahlreichen Mitverfassern geschrieben werden. An diesem Artikel arbeiteten freiwillige Autoren daran, ihn im Laufe der Zeit zu bearbeiten und zu verbessern. Dieser Artikel wurde 71.275 Mal aufgerufen. Kategorien: Programmiersprachen In anderen Sprachen Englisch Spanisch Italienisch Portugiesisch Russisch Indonesisch Niederländisch Französisch