Was mache ich falsch, wenn ich ein Bild auf Notepad++ für eine Homepage hinzufüge?

Hallo Leute!

Ich habe aus Langeweile ein bisschen auf Notepad++ programmiert und wollte auch ein Bild auf meine Homepage reinpacken. Aber es geht nicht weil dort das Bild nicht angezeigt wird, da ist nur ein Blatt Logo. Was mache ich falsch ?

So wollte ich mein Bild hinzufügen: <img src="Schwarzes Loch.jpg">

Muss ich noch was extra schreiben damit das Bild erscheint ?

2 Antworten

MonkeyKing

11.02.2020, 19:17

Naja, erst mal - ist das Bild im gleichen Verzeichnis wie die HTML Datei? Ist sie lesegeschützt? Heiss sie genau so? Im Zweifelsfall benenne sie einmal um, ohne Leerzeichen, z:B. einfach nur bild.jpg

Woher ich das weiß:Berufserfahrung – 20 Jahre Berufserfahrung

whgoffline

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

11.02.2020, 19:18

Erstmal rate ich dir von Leerzeichen in Dateinamen ab. Ich würde es lieber Schwarzes_Loch.jpg nennen. Außerdem musst du den Pfad relativ zur html Datei angeben. Liegt das Bild im selben Ordner dann musst du glaub ich einfach ./Bild.jpg schreiben.

Woher ich das weiß:Studium / Ausbildung – Informatikstudent

Ähnliche Fragen

PNG-Bild in HTML-Datei einfügen? :(

Hallo liebe GF-Community,

ich bin hier am Verzweifeln. Seit 2 Tagen versuche ich, zwei Bilder in eine HTML-Datei einzufügen, aber sie werden einfach nicht eingefügt. Auch die Google-Suche hat mich einfach nicht weitergebracht, ich habe einfach alles versucht: auf die korrekte Formulierung geachtet, die Bilder auf den Desktop gelegt, damit die Datei leichter zu finden ist und ich noch weniger Rechtschreibfehler einbauen kann und und und. Ich benutze Notepad++, um die HTML-Datei aufzubauen und habe ein zusätzliches CSS-Stylesheet, um die HTML-Datei zu verändern.

Zwei Fragen ergeben sich für mich:

1.) Was muss ich tun, damit die Bilder über Notepad angezeigt werden (, also die "Offline-Website" von Notepad)?

2.) Wie kann ich dieses Bild über Filezilla auf meine Homepage hochladen, sodass der Server auf den Dateipfad zurückgreift, den ich haben will?

Meine angefertigte HTML-Datei sieht so aus:

<!DOCTYPE html>

<head>
    <title>MeinName</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <meta name="viewport" content="width=device-width", initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="<a href="http://code.jquery.com/jquery-1.10.2.min.js">http://code.jquery.com/jquery-1.10.2.min.js</a>"></script>
    <script type="text/javascript">
    
    </script>

</head>


<body>
    <section id="menubar">
        <ul>
            <li><a class="menubutton" href="#menu"><img src="menu.png" /></a></li>
        </ul>

...zur Frage

HTML Signatur wird falsch dargestellt

Meine Signatur im Outlook ist in Html programmiert. Wenn ich E-Mails über Outlook versende und diese Mails dann jeweils über die jeweilige Internetseite des Mailanbieters aufrufe, wird die Signatur nicht korrekt angezeigt. Konkret handelt es sich um den Absatz.

Den Absatz zwischen den Blöcken Grußformel, Name+ Adresse und Kontaktdaten habe ich mit
programmiert, diese Absätze werden jedoch bei Aufruf der Mail über die Internetseite nicht angezeigt, stattdessen werden sie weggelassen und die Signatur erscheint dementsprechend als einzelner Block.

Habe ich evtl etwas übersehen?

Welche Fehler könnten noch auftreten wenn ich die Signatur über HTML programmiere?

Habe bspw keine Lust, eine Bewerbung via Mail zu versenden, wobei die Signatur beim Empfänger total falsch angezeigt wird. Worauf muss ich achten?

Habe das Problem bereits gegoogelt, leider aber nicht wirklich etwas brauchbares entdeckt.

...zur Frage

startup Menu?

hey , mein HP laptop will einfach nicht strarten.Es erscheint ein schwarzer bildschirm mit dem hp logo drauf und unten links steht press esc for startup.Aber nachdem ich das jedesmal drücke , erscheint diese Seite ( Bild). Kann mir jemand bitte helfen

...zur Frage

Wie nennt man diesen Teil einer Startseite?

Oben sind diese drei Striche und wenn man auf den draufklickt, erscheint das, was man auf dem Bild sieht.

Wie nennt man das? Möchte ein Tutorial dazu anschauen, wie man dass erstellt und programmiert.

...zur Frage

Website wird nicht vollständig angezeigt. Was tun?

Hallo, ich habe eine Website programmiert und hab sie nun auf einen Stick geladen. Als ich die Datei dann durch den Stick öffnen wollte, war das Design der Seite komplett verschwunden. Ich habe die CSS-Anweisungen in eine extra-Datei geschrieben, aber diese mit der HTML-Datei verbunden. Wenn ich aber durch Visual Studios mit dem Live Server die Datei öffnen, funktioniert alles. Auch das Design ist dann da. Woran liegt das? Kann mir jemand helfen

...zur Frage

Wie kann ich Wildcards in Notepad unter Windows verwenden, um Zeichen zwischen zwei bestimmten Zeichen auszuwählen?

Das Bild oben zeigt, was ich meine. Stellen Sie sich vor, ich möchte in Notepad alle Zeichen zwischen "AX" und "SD" auswählen und sie einfach entfernen. Was soll ich nach dem Aufrufen des Dialogfelds " Replace" in die Felder "Find what:" und "Replace with:" eingeben?

P.S: In der Bild habe ich versucht, [*] zu verwenden, was natürlich falsch ist und nicht funktioniert, daher hoffe ich, dass Sie mir in dieser Hinsicht helfen können.

...zur Frage

Eigenes Logo digitalisieren?

Hallo, meine Mutter hat eine eigene Physiotherapie Praxis und hat sich vor kurzem ein neues Logo malen lassen. Das Problem ist, dass das Logo auf einem Blatt Papier ist.

Meine Frage ist also: Was ist die beste Möglichkeit um das Logo zu einer Bilddatei zu machen? Oder gibt es ein gutes Programm zum Bilder zu bearbeiten um einfach nur die Falten vom Papier wegzu "Arbeiten"

LG XpHuner DAnke im Vorraus

...zur Frage

Leeres weißes Feld mit einem zerrissenen Blatt als Symbol ganz oben links. Komme leider beim Hochladen nicht weiter. Präventionmaßnahmen?

Immer wenn ich ein Bild hochlade, erscheint ein leeres weißes Feld mit einem komischen Symbol (zerrissenes Blatt) Siehe Bild.

...zur Frage

jQuery: An- und Ausschalter programmieren mit einer Variablen Programmieren?

Ich muss folgende Aufgabe lösen:

"Beim Überfahren des großen Bildes wird die Grafik „bild1.jpg“ gegen die Grafik „bild2.jpg“ ausgetauscht – beim Verlassen des Bildes wird die ursprüngliche Grafik wieder angezeigt.

Dieses Austauschen funktioniert aber nur, wenn zuvor der Ausschalter mit einem Klick „angeschaltet“ wurde – Grafiktausch mit Datei „schalterein.png“. Wird der Schalter wieder ausgeschaltet, dann geht auch die Mouseover-Funktionalität nicht mehr. Wichtig: Arbeiten Sie mit einer Variablen namens schalter."

Bei dem Schalter handelt es sich um ein Image und keinen Button.

Der erste Teil der Aufgabe - der Grafiktausch beim Hovern - ist kein Problem.

Den Schalter bekomme ich aber nicht programmiert. In anderen Aufgaben haben wir immer einen separaten An- und Ausschalter programmiert, bisher nicht beides zusammen und ich komme einfach nicht auf eine Lösung.

Bisher habe ich nur den Anschalter programmiert (kann natürlich falsch sein):

var Schalter=0;

$("img:eq(2)").click(function (){ Schalter=1; $("img:eq(2)").attr("src","schalterein.png"); })

Wenn man wieder auf das Schalter img klickt soll der Schalter=0 werden, das Bild soll sich wieder ändern & somit wäre er ausgeschaltet.

Ob der Schalter auf 0 oder 1 steht dient zur Abfrage um den Hover Effekt/ Grafiktausch zu aktivieren bzw. deaktivieren.

Kann auch sein, dass mein Ansatz total falsch ist. Ich hoffe jemand kann mir hier weiterhelfen.

...zur Frage

BATCH-Datei Befehle: "@ECHO OFF", "REM", "ECHO" usw. -- FUNKTIONIEREN NICHT

Ich schreibe gerade ein Backup-Script per Batch Datei um einige Dateien in einem rutsch in die Cloud zu sichern.

Das Script Ansich ist überhaupt kein Problem, die Batch Sprache verstehe ich super und seit ca. 20 Jahren. Offensichtlich habe ich da ein anderes Problem. Vielleicht könnt ihr es mal bei Euch testen und mir sagen was bei Euch passiert?

Wenn ich also eine Batch Datei schreibe, möchte ich z.B. nicht dass die Befehle(Befehlszeile) angezeigt werden, deswegen beginne ich meine Batch-Datei mit einem:

@ECHO OFF

Dann kommt der Rest vom Script usw.

Ich bekomme allerdings eine Fehlermeldung bei der Stapelverarbeitung, bevor der erste Befehl aufgeführt wird.

Beispiel:

@echo off
REM Dieses ist ein Test um zu zeigen das etwas nicht stimmt.
ECHO Dieses ist ein Test.
pause

Wenn ich dieses kleine, Script(Batchdatei) ausführe kommt folgende Fehlermeldung:

Das System kann den angegebenen Pfad nicht finden.
Drücken Sie eine beliebige Taste . . .

Sowohl beim Doppelklick auf die Batchdatei selbst, als auch bei der Eingabe in der CMD Befehlszeile.

Interessanter Weise wird weder das @ECHO OFF noch das REM oder Echo korrekt interpretiert. Ich habe eine vermutung, dass die Batch als falsches Format abgespeichert wurde.

Ich Habe verschiedene Editoren benutzt. Notepad in der Standart Einstellung, Notepad ++ nehme ich Standardmäßig.

Ich habe die Kodierungen überprüft also ANSI oder UTF8.

Wenn ich im CMD Befehlszeilenfenster den Befehl "@ECHO OFF" oder "REM" oder "ECHO mit BLABLA" eingebe, funktionieren sie; also außerhalb der Batch Datei.

Ich habe keine Verknüpfung angelegt oder falsche Parameter angegeben, ich starte die Batch direkt aus einem Verzeichnis Namens: D:\Backup. Es sind keine Sonderzeichen enthalten, weder im Namen noch in irgendwelchen Verzeichnissen oder sonstwas.

Also meine Vermutungen sind :

--Falsches Format der Batch Datei <- Warum auch immer --Virus oder Schadprogramm, welches versucht über die Kommandozeile Schadcode einzuschleusen.

Also letztes hänge ich mal den Anfang meines Batch-Scripts für das Backup mit an, damit ihr mal sehen könnt, was mir da angezeigt wird.

@echo off
REM ################################################
REM #          Backup und Sicherungsscript         #
REM #                                              #
REM #                                              #
REM ################################################
pause

Ich habe am Ende eine pause mit eingefügt, damit die Stapelverarbeitung anhält.

Das ist die Ausgabe der Datei im Prompt:

D:\Backup>´╗┐@echo off
Der Befehl "´╗┐@echo off" ist entweder falsch geschrieben oder
konnte nicht gefunden werden.

Mein System:

AMD 3300T 8GB ATI HD 7850 usw, Windows 7 Deutsch/Home Premium - Original

Benutze Software: Windows 7, Notepad++, Notepad(Windows 7)

Ich hoffe ich konnte genug Informationen liefern, dass mir jemand helfen kann.

Vielen Dank grüße aus HH

...zur Frage

Bild wird unscharf bei word auf pdf konvertierung?

Ich habe meine Rechnungsvorlage in Word erstellt und in diese dann mein jpeg Logo eingefügt.

In Word wird das Logo scharf dargestellt. Wenn ich die Datei aber zum Versand per email in ein Pdf formatiere, erscheint das Logo plötzlich unscharf.

Hat jemand eine Lösung parat?

...zur Frage

iPhone Blitz, und Kamera Problem.

Habe Probleme mit meiner iphone 5 Rückkamera das Bild erscheint einfach nur schwarz, der Blitz funktioniert auch nicht. Wenn man nur die Taschenlampe einschalten will erscheint das Logo hellgrau, und man kann es nicht antippen. Siehe Bild.

...zur Frage

Thunderbird-Konto hinzufüg."Konfiguration konnte nicht überprüft werden, Benutzername oder PW falsch (s.Bild)?

Das Benutzername oder PW falsch sind kann ich auschhließen, denn über die Homepage von gmx kann ich mich einloggen. Habe den Gratis Avira Virenscanner und Windows 10.Hilfe, ich bin überfragt.

...zur Frage

Von wo bekommt man HTML5 und CSS3 und reicht es um eine einfache Webseite mit Bildern zu erstellen?

Ich würde gerne eine Homepage selbst gestalten, wäre es ein Problem dies nur mit HTML und CSS zu machen? Wenn nein, dann ist die Frage woher ich HTML5 und CSS3 bekommen, hab schon gegoogelt, finde aber leider diesbezüglich nichts.. Da ich denke, dass HTML5 und CSS3 schon moderner sind als das Notepad mit HTML und CSS.. ZB kann das alte Programm keine Zwielaute richtig auf der Seite wiedergeben und das stört mich.. also zusammenfassend.. woher bekomme ich HTML5 und CSS3, und reichen die Programme um eine Seite mit Text Bildern und einem moderneren Design zu erstellen? Java Script würde ich ja nur für professionnellere Interaktive Vorgänge brauchen oder?

Ich bedanke mich schonmal im Voraus und mfg :)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen