Eine Webseite Coder verwendet Hypertext Markup Language zu sagen der Web-Browser die funktionalen Zweck jedes Element auf einer Seite , wie ein Absatz , Überschrift oder Liste. Seit HTML 4 , Cascading Style Sheets haben die Programmierer einen Weg gefunden , um den Browser zu sagen, wie jedes dieser Elemente aussehen sollte , von der Definition , was sie sind getrennt vorgesehen . Eine Seite kann verschiedene CSS- Stile für verschiedene Arten von Geräten , wie Mobiltelefone und Desktop-Computer haben , so dass die Seite Erscheinungsbild , ohne die Coder brauchen , um die HTML ändern ändern. Verwenden Sie CSS-Eigenschaften zum Zentrum eines Bildes . Anleitung
1
Platz die "img "-Tag in der HTML-Datei , wo Sie wollen Ihr Bild auf der Web -Seite anzuzeigen. Es muss zwischen den "body "-Tags und nach den " h1 " -Tags . Zum Beispiel
Dies ist Ihr Text.
< /body>
definiert ein Bild namens photo.jpg , die 170 Pixel breit und 50 Pixel hoch ist . Es ist das erste, was auf der Seite nach dem oberen Position .
2
Benutzen Sie den " Rand" CSS -Attribut auf den Raum um Elemente einer Seite wie Bilder definieren . Die "auto "-Wert für den Rand -Attribut weist den Web-Browser automatisch die Menge an Speicherplatz. Also, definiert, dass der Raum um das Bild wird durch den Browser bestimmt.
3
Verwenden Sie die Eigenschaft "Anzeige" zu definieren , wie eine Seite Element angezeigt wird. Der " Block " Wert für die Eigenschaft display erzählt die Web-Browser , um das Element in einer eigenen Zeile angezeigt werden , mit Platz oben und unten . So, definiert das gleiche Bild , aber die Zugabe . " display: block; " jetzt legt sie auf seine eigene Linie
4
Zeigen Sie die Webseite in mehreren verschiedenen Browsern , um zu überprüfen , dass das Bild richtig . zentriert