miserables html /html Vorlage

mann2

Hey Leute

Ich bin leider ziemlich schlecht was html angeht bin aber leider für ein kleines Projekt zuständig gemacht worden
für das ich einen html Code brauche
Ich versuche ein selbstgemachtes Bild / 1600x1200
auf meine Domain bzw. meine Webseite hochzuladen was zumindest bei meinen Versuchen kläglich gescheiter ist
Ich war so gut darin, dass von meinen 20/30 Versuchen ich es einmal geschafft habe das es angezeigt wurde
Doch leider war das Bild völlig verzogen

Könnte mir jemand einen html Code machen bzw. geben der dieses Bild komplett anzeigt?!
Ich wäre euch sehr dankbar und auch sehr glücklich dafür da ich das glaube ich nie hinbekommen werde

Viele Grüße
Mann2

Bandit

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titel der Seite</title>
</head>
  <body>
   <img src="./name_der_datei.jpg" alt="">
 </body>
</html>

mann2

Hey danke für die schnelle Antwort.
Leider wird bei mir das Bild nicht angezeigt!
Muss ich das Bild an einem bestimmten Ort speichern?
Ich hab das Bild der einfachheitshalber 12345.jpg genannt
Ich will den Code bei United-domains.de direkt bei Web-Visitenkarten einfügen!

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titel der Seite</title>
</head>
<body>
<img src="./12345.jpg" alt="">
</body>
</html>

Gastl

Ist das Bild denn auch JPG?
Wenn das Bild im selben Verzeichnis wie deine HTML-Datei liegt, lass mal das "./" vorm Bildnamen weg.

Rene Meister

Zitat von Gastl

Ist das Bild denn auch JPG?
Wenn das Bild im selben Verzeichnis wie deine HTML-Datei liegt, lass mal das "./" vorm Bildnamen weg.

ich glaub da verwechselst du eine eine kleinigkeit

./ - entspricht dem aktuellen Verzeichnis
../ - wäre das Übergeordnete Verzeichnis

das ./ kann man natürlich weglassen, muss aber nicht zwingend

mann2 wie schon gesagt das Bild im gleichen Ordner wie auch die Datei liegt.
falls es in einem Unterordner liegt kannst du natürlich auch den Pfad angeben
also dann <img src="./ORDNERNAME/12345.jpg" alt="">

Und auch der andere Hinweiß von Gastl ist wichtig, denn es sollte schon ein richtiges .jpg sein.
Gerade bei Windows Rechnern werden je nach Einstellungen die Dateiendungen nicht mit angezeigt.
da könnte es also sein das du vielleicht eine GIF oder andere Datei hast, dann heißt das jetzt vielleicht
1234.jpg.gif

Am besten nach dem hochladen auf dem Server mal dort nach den Namen schauen
Ach sooo, zum hochladen brauchst du natürlich ein entsprechendes FTP Programm mit dem Du Dich auf dem Server einloggen musst,
oder schau mal in die Konfiguration der Webseite, viele Anbieter haben sowas wie OnlineFTP, wo du Daten über eine Webseite hochladen kannst

Gastl

Zitat von Rene Meister

ich glaub da verwechselst du eine eine kleinigkeit

Nö. Ich weiß was ich schreibe.

mann2

Also erstmal danke für die ganzen Antworten!
So ich hab jetzt mal in den Html Editor den html Code eingefügt und das bild wird mir zwar angezeigt leider / also auf dem pc/
füllt es nicht alles aus! Kann man da was machen?
So also United-domains.de ist irgendwie komisch, ich hab die Möglichkeit Webseiten-Weiterleitung & Vorlagen zu machen muss dann aber den html code direkt eingeben und dann findet er natürlich kein bild!
muss ich dann das bild online hochladen?
Ich muss dazu anmerken dass ich nur eine Domain habe, brauch ich noch einen Server? Mir würde es zwar reichen wenn er meinen Html code erkennen würde aber wenn das nicht gehen sollte wo bekomme ich einen Server der nichts kostet bzw. hab ja auch keine großen Daten mengen!

Rene Meister

Natürlich muss das Bild auch im Internet sein, also es sollte schon irgendwo hochgeladen werden.
Wenn du dort dann html Code eingeben kannst, kannst du den Code so anpassen
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titel der Seite</title>
</head>
<body>
<img src="http://www.DOMAIN.de/12345.jpg" alt="">
</body>
</html>Anstelle von Domain.de muss dort dann natürlich die richtige Adresse rein.

Einen Server brauchst du übrigens nicht, es reicht normaler Webspace.
Kostenloser Webspace gibt es haufenweise, da müsstest du einfach mal selber google bemühen.

Mit dem Bild das nicht alles ausfüllt, da solltest du folgendes Bedenken.
Dein Monitor hat eine Auflösung von XX x XX Pixel, der nächste betrachtet die Seite vielleicht mit den Handy der nächste wieder mit einem Tablet usw.
also jeder Monitor in anderer "Größe".

Allerdings kann man ein Bild sozusagen auch auf volle Bildschirmgröße bringen, dann würde die Zeile mit dem Bild so aussehen

HTML

<img src="http://www.DOMAIN.de/12345.jpg" style="position: fixed; z-index: 0; top: 0; left: 0;" width="100%" height="100%" />

Gastl

Zitat von mann2

muss ich dann das bild online hochladen?

Selbstverständlich musst du das Bild auch in deinen Webspace hochladen. Wie soll es denn sonst angezeigt werden können?

Und das mit dem z-index lass mal lieber.

mann2

Wao super danke hat endlich geklappt!
Warum sollte ich das mit dem Z-index lassen?
Es war wirklich eine große Hilfe, alleine hätte ich das glaube ich nie hinbekommen
Ich hab es mit diesem code gemacht!
/<img src="http://www.DOMAIN.de/12345.jpg" style="position: fixed; z-index: 0; top: 0; left: 0;" width="100%" height="100%" />

- - - Aktualisiert - - -

Hey jetzt weiß ich was du meinst!
wenn ich jetzt das Bild aufrufe wird es immer verzerrt!
Aber wenn ich es in Originalgröße neheme und dafür den background färbe dürfte es doch gehen oder?
So der Schlussendliche Code den ich jetzt benutze ist:
Der funktioniert Perfekt!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tittel der Seite</title>
</head>
<body style="background:#010141">
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="auto">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle"><div align="center"><img src="http://Hochgeladenes Bild" width="1600" height="1200"></div></td>
</tr>
</table>
</body>
</html>

Tags