Heim > Web-Frontend > HTML-Tutorial > So zentrieren Sie HTML-Bilder

So zentrieren Sie HTML-Bilder

藏色散人
Freigeben: 2023-01-04 09:34:03
Original
76685 Leute haben es durchsucht

So legen Sie die Mitte von HTML-Bildern fest: Erstellen Sie zuerst ein neues HTML-Dokument und definieren Sie dann die Grundstruktur des gesamten Dokuments. Verwenden Sie dann „“, um das Symbol zu definieren " "Das Attribut kann zentriert werden.

So zentrieren Sie HTML-Bilder

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer

Öffnen Sie den Code-Editor. Hier verwenden wir ATOM als Demonstration.

So zentrieren Sie HTML-Bilder

Erstellen Sie ein neues HTML-Dokument.

So zentrieren Sie HTML-Bilder

Zuerst müssen wir das HTML-Format definieren und dann die Grundstruktur des gesamten Dokuments definieren. Achten Sie darauf, KOPF und KÖRPER zu trennen.

So zentrieren Sie HTML-Bilder

Verwenden Sie zu diesem Zeitpunkt , um das Symbol zu definieren und den Link zum Bild in src einzufügen.

So zentrieren Sie HTML-Bilder

Schau es dir an, das Bild wird standardmäßig links angezeigt. [Empfohlenes Lernen: „HTML-Video-Tutorial“]

So zentrieren Sie HTML-Bilder

Um es von anderen Teilen zu unterscheiden, können wir zu diesem Zeitpunkt einen separaten Bereich für das Bild definieren, verwenden Sie einfach div.

So zentrieren Sie HTML-Bilder

Dann fügen wir align="center" zum div hinzu und speichern die Datei.

So zentrieren Sie HTML-Bilder

Öffnen Sie die HTML-Datei und Sie werden feststellen, dass das Bild zentriert ist.

So zentrieren Sie HTML-Bilder

Das obige ist der detaillierte Inhalt vonSo zentrieren Sie HTML-Bilder. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage