Heim > Artikel > Web-Frontend > Wie zentriere ich HTML-Text und Bilder? Was ist der Zentriercode?
Wie zentriere ich HTML-Text und Bilder? Was ist der Zentriercode?
- 云罗郡主Original
- 2018-11-02 15:09:5853501Durchsuche
Wie zentriere ich HTML-Text und -Bilder? Was ist der Zentriercode? Ich glaube, dass viele Leute, die gerade CSS gelernt haben, solche Fragen haben werden. Derzeit unterstützt die neueste HTML-Version (HTML5) das „center“-Tag nicht, daher müssen Sie die Formatierung im CSS-Stil verwenden, um den Text in Ihrem HTML5-Dokument zu zentrieren.
1: Wie zentriere ich HTML-Text? [Empfohlenes Lernen: Html5-Tutorial]
1. Öffnen Sie das HTML-Dokument und doppelklicken Sie auf das HTML-Dokument, um es im Standardtext- (oder HTML-)Editor Ihres Computers zu öffnen. Suchen Sie den Text, Absatz oder anderen Text, den Sie zentrieren möchten. Wir fügen dem Text das Tag „center“ hinzu. Die Syntax lautet:
p>“), kann das Tag „center“ über die vorhandenen Tags hinausgehen:
Codebeispiel:
<DOCTYPE html> <html> <body> <h1><center>欢迎来到我的网站</center></h1> <center>php中文网</center > <p1>本网站的目的是php在线学习</p1> </body> </html>
Code-Anzeigeeffekt:
2: Wie zentriere ich Bilder in HTML?
Erstellen Sie ein neues Element und zentrieren Sie es. Sie können ein Bild in dieses zentrierte Element einfügen. Es entsteht jedoch zusätzlicher Platz um das Element herum.
Starten Sie eine neue Codezeile. Beginnen Sie mit der Zentrierung des Elements. Geben Sie
Bildcode hinzufügen. Geben Sie 
Wir können die Höhe und Breite des Bildes festlegen. Geben Sie height="200" width="200"> oder eine andere Größe Ihrer Wahl ein. Dies ist das Ende des Abschnitts, der das Bild markiert.
Verwenden Sie das schließende Tag
<center><img src =“dancingdogpicture.gif”alt =“dance dog”align =“middle></center>
Wie zentriert man HTML-Text und -Bilder? Eine vollständige Einführung in den Zentrierungscode. Wenn Sie mehr über das HTML5-Online-Handbuch erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.
Das obige ist der detaillierte Inhalt vonWie zentriere ich HTML-Text und Bilder? Was ist der Zentriercode?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!