Grafiken im NotePad einbinden!?

12.06.2007, 16:44

Also ich versuche mit notepad einen offline website zu gestallten, versuche etwas über Html & XML zu lernen!

Arbeite mit dem Doctype- Eintrag:

Code:

<!Doctype Html public "-//w3c//dtd Html 4.0//en">

Ich bin zurzeit in dem Kapitel Grafiken einbinden, und komme nicht klar, also kann man im NotePad befhele für Grafiken geben?

also habe einige bilder auf mein Desktop gespeichert und habe den befehl so eingeben--->

Code:

[img]dokumente undeinstellungen/laptop/desktop/2.jpg[/img]

Oder ist an meiner ganzen konstruktion was Falsch?--->

Code:

<!Doctype Html public "-//w3c//dtd Html 4.0//en">
<html> 
<head>
<Title>Beispiel&Übung HTML-XHTML-XML</title>
</head>
<body>
<h2 align=center>TEST</h2>
               <h2>Test 2</h2>
Das ist ein Test ich erlerne HTML</p>
               <s>Ich Blinke!!!</s>
              [img]dokumente undeinstellungen/laptop/desktop/2.jpg[/img] 
</body>
</html>

greez soeldner

12.06.2007, 17:17

Ein Tag muß auch wieder geschlossen werden... Als Refernz am besten immer selfHTML offen haben, um schnell in der Referenz den Syntax bestimmter Befehle nachzuschaun.

Für html Code benutzt du hier im Forum am besten dem BBCode [ code][ /code] (ohne das Leerzeichen!) und deaktivierst beim posten die Option für html, damit das richtig angezeigt wird. Also einen Haken bei "HTML in diesem Beitrag deaktivieren" Deswegen zeigt er nur Bruchstücke an, weil er dann direkt Quelltext reinsetzt, der dann direkt vom Forum als Schutz auch wieder gefiltert wird ^_^

Code:

[img]2.jpg[/img]

Dabei ist "src" die Position des Bildes, hier relativ zur html Datei angegeben, nämlich im gleichen Verzeichnis wie deien html Datei. Das "alt" heißt soviel wie alternativ und ist der Text, der angezeigt wird, wenn das Bild nicht geladen werden konnte. Und wenn das ganze auch noch nach modernen Webstandards (=xhtml) gemacht wird müßte am Ende ein "/>" stehen, weil es ein sich selbst schließender Tag ist.

12.06.2007, 18:32

jepp so wie du es hast habe ich auch es kommt aber kein Bild???
vill. noch andere ideen!?

greez soeldner

12.06.2007, 18:37

Natürlich kommt kein Bild, weil einfach dein "src" falsch ist. Du kannst es entweder ABSOLUT oder RELATIV angeben.

Und was soll dann "dokumente und einstellungen/laptop/desktop/2.jpg" sein?!

Entweder deine html Datei ist auf dem Desktop, dann reicht ein einfaches "2.jpg" oder aber du machst es gleich absolut mit z.B. "file:///C:\Dokumente und Einstellungen\Laptop\Desktop\2.jpg" oder mit "file:///C:/Dokumente und Einstellungen/Laptop/Desktop/2.jpg"

Die beste Variante bleibt natürlich das src="2.jpg"

12.06.2007, 19:00

Also meine html datei ist auf dem desktop, und das mit--->

Code:

<src="2.jpg">

funzt nicht

habe ich ja schon versucht, und die jpg datei ist auch auf dem desktop!

greez soeldner

12.06.2007, 19:04

Weil src kein Tag, sondern ein Attribut ist.

Code:

[img]2.jpg[/img]

12.06.2007, 20:24

Ne es kommt einfach kein bild

Also ich habe diesen Befehl gegben:

Code:

<img scr="2.jpg" alt=mein 2bild>

greez soeldner

12.06.2007, 20:48

Ich nehme an, scr ist ein Schreibfehler...

Wenn ja: verbessern.

Wenn es dann immernoch nicht geht:
Heißt das Bild auch wirklich 2.jpg oder ist die Endung vielleicht jpeg? Befinden sich HTML Datei ein Bild wirklich auf einer Verzeichnisebene? Falls das alles zutrifft, poste nochmals den gesamten Dateiinhalt.

12.06.2007, 20:56

Es müßte wenn dann auch so heißen:

Code:

[img]2.jpg[/img]

12.06.2007, 21:08

Ok habe nochmal geschaut und tatsächlich es war eine jpeg datei, ich dacht ok gut nehme ich eine gif datei unterstütz Html auch!

Und ich hatte ein schreibfehler ja heißst ja nicht "scr" sondern "src" hasse recht @El Supremo danke das du mich auf den fehler aufmerksam machst!

hmm... ist halt Html man macht nur ein kleinen fehler und die ganze arbeit ist im arsch, naja muss man halt 2 mal ihnschauen!

Und jetz funzt, danke für eure hilfe, ich denk mal ich kann öffters fragen wenn es um Html geht, kennt euch ja aus

greez soeldner

13.06.2007, 15:49

@Canard Sauvage: Ups, die fehlenden Anführungszeichen habe ich glatt übersehen.

@soeldner: Du kannst auch .jpeg Dateien verwenden, musst sie dann aber auch als solche angeben. Man kann nicht wirklich sagen, "HTML unterstützt" dieses oder jenes. Ins Markup kannst du alles reinschreiben, die Frage ist, welche Grafikformate hinterher vom Browser dargestellt werden können. Vom W3C empfohlen sind vor allem GIF, JPG und PNG. SVG ist eine tolle Sache, wird aber leider nur unvollstänig unterstützt.
Falls es dir darum geht, Syntaxfehler in deinem Code zu entdecken, dann verwende einfach einen HTML Validator.
Ein Editor mit Syntaxhervorhebung kann da auch stark helfen, da du ein vergessenes Anführungszeichen dann sofort an der Textfarbe bemerkst. Empfehlen kann ich da Notepad++.

13.06.2007, 19:22

Woher krieg ich diesen Notepad++??

greez soeldner

13.06.2007, 19:51

Hallo,
als Freeware kostenlos über den Link von El Supremo oder auch z.B. da: https://www.chip.de/downloads/c1_downloads_12996935.html

14.06.2007, 12:35

Ok dankeschön!

greez soeldner

Grafiken im NotePad einbinden!?

Grafiken im NotePad einbinden!?

Ähnliche Themen

Open Office W: Grafiken aus Dokument gelöscht

Fehler beim Grafiken abspeichern

grafiken kopieren + vergroessern..

Probleme mit Grafiken mit Internet Explorer

Repeater einbinden