Bilder Ausrichten - HTML-Seminar

Bilder ausrichten

Ein Text neben einem Bild kann an der oberen Bildkante, in der Mitte und unten ausgerichtet werden.

Dazu wird der Befehl align="top|bottom|middle" innerhalb des IMG-TAGS verwendet.

  • align="top" - Text wird an der oberen Bildkante ausgerichtet (top = oben)
  • align="middle" - Text wird mittig zum Bild ausgerichtet (middle = mittig)
  • align="bottom" - Text wird an der unteren Bildkante ausgerichtet (bottom = unten)
<p> a) Schach matt - <img src="schach_logo.jpg" align="top" height="137" width="175"> </p> <p> b) Schach matt - <img src="schach_logo.jpg" align="middle" height="137" width="175"> </p> <p> c) Schach matt - <img src="schach_logo.jpg" align="bottom" height="137" width="175"> </p>

Und durch die Erweiterung des TAGs durch align sieht das Ganze im Browser wie folgt aus:

a) Schach matt - Schachbrett oben ausgerichtet

b) Schach matt - Schachbrett mittig ausgerichtet

c) Schach matt - Schachbrett unten ausgerichtet

Weiterempfehlen • Social Bookmarks • Vielen Dank

  • tweet
  • Facebook teilen
  • pin it
  • mitteilen
  • teilen
  • teilen
  • teilen
Vorwort Bitte unterstützen

X

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - ich würden mich freuen und es würde mich für weitere Inhalte motivieren :).

Videos bestellen

Die Videos und eBooks bestellen.

Spenden

Sie können mir eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie das HTML-Seminar weiter - ich freue mich immer über Links und Facebook-Empfehlungen.

Vielen Dank für Ihre Hilfe

    • E-Books kaufen
    E-Books zum Kurs von HTML-Seminar.de

    E-Books mit rund 930 Seiten Umfang als PDF. Alle 3 zu einem Preis.

    Mehr Details

  • Startseite
    • E-Books zum Kurs
    • Videokurs Erstellen von Websites: HTML5, CSS3 und Webdesign
      • Videokurs bestellen
    • HTML Befehle Übersicht
    • CSS Befehle Übersicht
  • HTML lernen – Website erstellen & strukturieren
  • CSS lernen – Webdesign erstellen
  • Websites nachbauen – Schritt für Schritt
  • Responsive Webdesign
  • Bildbearbeitung für Websites
  • Webdesign verstehen und anwenden
  • Suchmaschinenoptimierung – SEO
  • Programmierung und Websites
  • Forum
  • mehr zu HTML, CSS und Websites
    • Fortgeschrittene
    • Recht
    • Emmet – schneller Code erstellen
    • SSI – Server Side Includes
    • Geld verdienen im Internet
    • Web Apps erstellen
    • Tipps & Tricks
    • Google Maps
    • Software
    • Bücher
    • Linksammlung
    • Referenz Sonderzeichen
    • HTML Leerzeichen
    • Maßeinheiten
    • Cronjobs erstellen
    • Abk. - Abkürzungen
    • lorem ipsum Generator
    • Helfen Sie mit...
    • Archiv
      • Bookmarklet
      • WYSIWYG-Editoren
      • SuperHTML Web Studio
      • Attribute bei Aufzählungen
      • hoch-tief, groß-klein
      • Bilder ausrichten
      • Trennlinie Attribute
      • Attribute bei Tabellen
      • Frames
      • iFrames
      • Farbangaben veraltet - font color
      • per Netscape Composer
      • Layout über Tabellen
      • per Scriptly
      • IE Toolbar
      • Firefox
      • Metatags
  • Impressum
    • Datenschutzerklärung
  • Từ khóa » Html Grafik Zentrieren