• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fehlerhafter Code, Korrektur erwünscht

P

Petra

Neues Mitglied
Hallo,

ich muss für mein Online-Studium einen HTML-Code korrigieren, ich habe auch schon einen Teil geschafft, nur das mit den Bildern bekomme ich nach wie vor nicht hin und verstehe es auch nicht :( :(

Kann mir einer von Euch helfen? Ich stelle einmal den falschen Code ein und danach den, den ich daraus gemacht habe.

Der falsche Code:

<html>
<head>
<title>Einsendeaufgabe:Fehlersuche</title>
<meta name="Author" content="Thomas Tausend">
</head>
<body background="Marmor">
<h1 align=zentriert>Das ist die zentrierte &Uuml;berschrift</h1>
<center><p>
<hr lenght=80%></p>
<p><a name="Textanfang"></a>Textanfang</p>
</center>
<p>Dies ist normaler, linksb&uuml;diger Text</p>
<table border=1 >
<tr>
<td>Links oben</td>
<td>Rechts oben</td>
<tr>
<td>Links unten</td>
<td>Rechts unten</td>
</tr>
<table>
<p><a href="http:\\wwww.w3c.org">Hier </a>finden Sie die Homepage das World Wide Web Consortiums
</p><p><a href="http://www.ENTERtrainer.com/disney">
<img src="donald.gif"></a>
<br><a href="http://www.ENTERtrainer.com/disney">Dieses Bild ist ein Link zum Disneyland Paris</a></p></br>
<p><a href="#Textanfang">Zur&uuml;ck zum Textanfang</a></p>
</body>
</html>


Das hier ist mein Code
<html>

<head>
<title>Einsendeaufgabe: Fehlersuche</title>
<meta name="Author" content="Thomas Tausend">
</head>

<body bgcolor="marmor" text="white">

<h2>Hinweis vorab: Durch die Hintergrundfarbe Marmor ist der Text in Standardfarbe nicht mehr lesbar. Daher habe ich die Textfarbe mitge&auml;ndert!</h2>

<h1 align="center">Das ist die zentrierte &Uuml;berschrift</h1>
<center><p>
<hr length="80%"></p>
<p><a name="textanfang"></a>Textanfang</p>
</center>

<p>Dies ist normaler, linksb&uuml;ndiger Text.</p>

<table border=1>
<tr>
<td>links oben</td>
<td>rechts oben</td>
</tr>
<tr>
<td>links unten</td>
<td>rechts unten</td>
</tr>
</table>

<p><a href="http://www.w3c.org" target="_blank">HIER</a> finden Sie die Homepage des World Wide Web Consortiums</p>
<p>
<a href="http://www.ENTERtrainer.com/disney" target="_blank" img src="donald.gif" alt="Dieses Bild ist ein Link zum Disneyland Paris"</a>
</p>
<p><a href="textanfang">Zur&uuml;ck zum Textanfang</a></p>


</body>
</html>

Ich weiß, dass es Sinn und Zweck ist, alles selber zu machen, aber ich denke, wenn man nicht weiter kommt, kann man mal nachfragen ;)

Danke Euch schon mal.

Lieben Gruß
Petra
 
Guten Morgen,

also, wenn ich die Seite öffne im Firefox sieht sie so aus wie angehängt.

Funktionieren tut der Textanker nicht und irgendwie mit dem Bild, das soll wohl als alternativer Text angezeigt werden, wenn ich das so richtig verstanden habe, bei mir wird weder Bild noch alternativer Text angezeigt, es ist eher ein Link, der Text zum Bild und das bild ist gar nicht da *seufz*

Lg
Petra
 

Anhänge

  • ea1.jpg
    ea1.jpg
    73,5 KB · Aufrufe: 9
HTML: 
<a href="http://www.ENTERtrainer.com/disney"><img src="donald.gif"></a>

bezweckt nur, dass du einen Link in form eines BIldes hast (normalerweise schreibst du zwischen die <a></a> ja ein Text, und hier ist es einfach ein bild.

Meine Frage nun, wo befindet sich das bild, donald.gif?
ist es richtig geschrieben?
 
Petra schrieb:
Das hier ist mein Code
<html>

<head>
<title>Einsendeaufgabe: Fehlersuche</title>
<meta name="Author" content="Thomas Tausend">
</head>

<body bgcolor="marmor" text="white">

<h2>Hinweis vorab: Durch die Hintergrundfarbe Marmor ist der Text in Standardfarbe nicht mehr lesbar. Daher habe ich die Textfarbe mitge&auml;ndert!</h2>

<h1 align="center">Das ist die zentrierte &Uuml;berschrift</h1>
<center><p>
<hr length="80%"></p>
<p><a name="textanfang"></a>Textanfang</p>
</center>

<p>Dies ist normaler, linksb&uuml;ndiger Text.</p>

<table border=1>
<tr>
<td>links oben</td>
<td>rechts oben</td>
</tr>
<tr>
<td>links unten</td>
<td>rechts unten</td>
</tr>
</table>

<p><a href="http://www.w3c.org" target="_blank">HIER</a> finden Sie die Homepage des World Wide Web Consortiums</p>
<p>
<a href="http://www.ENTERtrainer.com/disney" target="_blank" img src="donald.gif" alt="Dieses Bild ist ein Link zum Disneyland Paris"</a>
</p>
<p><a href="textanfang">Zur&uuml;ck zum Textanfang</a></p>


</body>
</html>
Zum Vergrößern anklicken....
Sowas lernt man heutzutage irgendwo als gültigen HTML Code?
Das ist weit davon entfernt. Übrigens läßt sich das leicht durch den validator auf der im Code erwähnten w3c Seite prüfen.
The W3C Markup Validation Service
 
Wo liegt denn das Bild bei dir?
Das ist eigentlich das einzige was bei dir nicht stimmen kann.
Außer natürlich das Bild ist kaputt. :mrgreen:



T02
 
struppi schrieb:
Sowas lernt man heutzutage irgendwo als gültigen HTML Code?
Das ist weit davon entfernt. Übrigens läßt sich das leicht durch den validator auf der im Code erwähnten w3c Seite prüfen.
The W3C Markup Validation Service
Zum Vergrößern anklicken....

Huhu

sowas lernt man heutzutage nur bedingt. Das ist mein Code, der nicht so funktioniert, wie ich das will.
Wo man sowas tun muss, sage ich hier lieber nicht ;)

Dieses Bild ist in der Aufgabe angegeben, im Code quasi, ich habe keins, das so heißen soll. Ich denke mal, man soll alternativen Text zum Bild angeben, weil das ja eben nicht da ist. Was anderes kann ich mir jetzt auch nicht vorstellen, so wie ich das gelesen habe, setzt der Standard voraus, dass man zu jedem Bild, welches in eine Seite eingefügt wird, einen Alternativ-Text angibt, für den Fall, dass das Bild falsch verlinkt oder ähnliches ist.

Nur müsste doch eigentlich ein Kästchen mit Kreuz erscheinen, oder nicht? *seufz*

LG
Petra
 
Wie gesagt der Validator würde dir die schlimmsten Fehler zeigen, u.a. auch den mit dem Bild.
 
Habe deinen Fehler gefunden:

dein Code:
HTML: 
<a href="http://www.ENTERtrainer.com/disney" target="_blank" img src="donald.gif" alt="Dieses Bild ist ein Link zum Disneyland Paris"</a>

Richtiger Code:
HTML: 
<a href="http://www.ENTERtrainer.com/disney" target="_blank" alt="Dieses Bild ist ein Link zum Disneyland Paris"><img src="donald.gif"></a>

damt das bild einen Alternativtext hat, musst du das alt Attribut auch im <img> Tag setzen.

mfg
MasterChief
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben