So zentrieren Sie ein Bild in HTML

Autor: Roger Morrison
Erstelldatum: 7 September 2021
Aktualisierungsdatum: 11 Kann 2024
Anonim
Elemente zentrieren, Div’s zentrieren, Bilder zentrieren
Video: Elemente zentrieren, Div’s zentrieren, Bilder zentrieren

Inhalt

Die Bildausrichtung ist ein wichtiger Bestandteil der Website-Programmierung. Leider werden im Verlauf der Programmiermethoden einige HTML-Tags nicht mehr verwendet und von Browsern nicht mehr erkannt. Probieren Sie die folgenden Methoden aus, um ein Bild in HTML zu zentrieren. Wenn sie nicht funktionieren, ist es möglicherweise eine gute Idee, zu Cascading Style Sheets (CSS) zu wechseln.

Schritte

Methode 1 von 2: Text ausrichten

  1. Verwenden Sie nicht das Wort "Mitte" im Tag. In der HTML-Programmierung können Sie Text an "Mitte" ausrichten, für Bilder müssen Sie jedoch das Wort "Mitte" verwenden. Da ein Bild kein Inline-Element ist, muss es anhand der Beziehung zu den anderen Elementen identifiziert werden.

  2. Starten Sie eine neue Codezeile. Fügen Sie ein Absatz-Tag ein, um den Beginn einer neuen Zeile anzugeben. Beginnen Sie das Tag mit

    und geben Sie den Text ein.

  3. Geben Sie ein, um das Bild einzufügen gif ”. Geben Sie dann ein alt = ”Bildbeschreibung” um die Beschreibung des Bildes einzugeben.
    • Der Code "src" informiert die Bild-URL zur Website.
    • Der Abschnitt "alt" informiert über den Bildtitel.

  4. Geben Sie die Bildausrichtung an. tippe es align = ”middle”> am Ende des Bildteils des Tags.
  5. Fügen Sie mehr Text hinzu. Schließen Sie dann das Tag mit

    . Ein ganzes Tag würde ungefähr so ​​aussehen:

    Wir lernen, HTML zu verwenden. Das Beispiel endete.

    .

Methode 2 von 2: Ausrichten auf einem Zentrierungs-Tag


  1. Erstellen Sie ein neues Element und zentrieren Sie es. Sie können das Bild in das zentrierte Element einfügen, dies schafft jedoch zusätzlichen Platz um das Element.
  2. Starten Sie eine neue Codezeile. Zentrieren Sie das Element frühzeitig. tippe es
    .
  3. Fügen Sie das Bild-Tag hinzu. tippe es .
  4. Geben Sie die Höhe und Breite des Bildes an. tippe es Höhe = "200" Breite = "200">, oder geben Sie die gewünschten Werte ein. Dies ist der letzte Teil des Teils des Tags, der sich auf das Bild bezieht.
  5. Beenden Sie das Tag mit . Ein ganzes Tag würde ungefähr so ​​aussehen:
    .

Warnungen

  • Beachten Sie, dass sowohl das Ausrichtungs-Tag als auch das Zentrierungs-Tag veraltet sein können und in Zukunft nicht mehr verwendet werden. Obwohl dies kein bestimmtes Datum hat, werden sie von den Browsern möglicherweise nicht mehr erkannt und Sie müssen die Site auf CSS oder HTML5 aktualisieren.

Wie man eine Überlebensfalle macht

Bobbie Johnson

Kann 2024

Egal, ob ie Ihre Freunde auf einem Campingau flug blenden oder für die „Hunger Game “ au gewählt werden möchten, da Wi en, wie man eine Falle tellt, i t eine der Möglichkeiten, um ...

Wie man aufhört zu stottern

Bobbie Johnson

Kann 2024

E wird ge chätzt, da 1% der Weltbevölkerung an tottern leidet, einer törung, die den normalen prachflu einer Per on unterbricht und ie dazu bringt, be timmte Geräu che und Wör...

Frische Artikel