SteviesWebsite
SteviesWebsite > Workshops > HTML-Workshop > Bilder einbinden

Bilder einbinden

zurück

Wie du sicher siehst habe ich hier ein Bild eingebaut. Für dieses Bild habe ich folgenden Code in meiner Seite eingefügt.

<img src="grafx/smi111.gif">

Also: Bilder werden mit dem IMG Tag eingefügt. Dieses Tag kann folgende Argumente aufnehmen:

border="x" Für x kannst du eine Zahl einsetzen. Damit bestimmst du den Rand des Bildes. Wenn du keinen Rand willst setzte eine 0 ein.
height="x" Für x kannst du eine Zahl einsetzen. Damit bestimmst du die Höhe des Bildes. Schreibst du eine normale Zahl hin, ist die Anzahl der Pixel in der Höhe so lang wie x. Setzt du ein Prozent dahinter wird das Bild per Prozent der Bildhöhe gemessen.
width="x" Für x kannst du eine Zahl einsetzen. Damit bestimmst du die Breite des Bildes. Schreibst du eine normale Zahl hin, ist die Anzahl der Pixel in der Breite so lang wie x. Setzt du ein Prozent dahinter wird das Bild per Prozent der Bildbreite gemessen.
src="x.end" Schreibe für x deinen Bildnamen hin. Falls dein Bild im anderen Verzeichnis liegt, musst du dieses auch posten.

So jetzt verzerre ich das Bild ein bisschen und du kannst es mit folgendem Code nachmachen:

<img src="grafx/smi111.gif" border="5" width="100" height="200">

Den Rahmen sieht man jetzt nicht, er ist aber da. Diesen sieht man nicht weil der Rahmen schwarz und der Hintergrund des Bildes schwarz ist.

Kommentare

Es wurden noch keine Kommentare abgegeben!

Kommentar abgeben

Um ein Kommentar zu schreiben musst du eingeloggt sein.

Facebook LogoErstelle deinen eigenen virtuellen PC. Das ist bereits mit leichten Mitteln möglich, welche Du in diesem Tutorial lernst.[mehr...]

Code & Blog LogoErstelle dein eigenes CMS mit PHP. Dieses Tutorial wird dir zeigen wie das geht. Also lies dir es durch und frische deine PHP Kenntnisse auf. [mehr...]

© SteviesWebsite.de - Impressum