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

CSS-Datei in HTML einbinden funktioniert nicht!

Was war denn außer dem Fehlenden </head> an meinem Grundgerüst noch falsch? Ich kann es nur korriegieren wenn es mir auch jemand sagt.

Ich arbeite mich mal von oben nach unten durch, ohne Garantie alles komplett zu nennen.
Dein Doctype fehlt.
Dein </head> fehlt.
Dein <body> fehlt.
align="center" gibt es nicht.
Du missbrauchst Tabellen zu Layoutzwecken.
align="right" gibt es nicht.
<center> wird nicht mehr benutzt.
<h1> innerhalb von <p> ist falsch.
<br> wird nicht mehr benutzt.
<h3> innerhalb von <p> ist falsch.
Du benutzt <br> zu Layoutzwecken.

Das war so mein erster Überblick deiner Webseite.
Bitte benutzte die Links die du bekommen hast und lerne erst einmal die Grundlagen von HTML UND ERST DANACH kannst du dich mit CSS beschäftigen.

Gruss
Elroy
 
Werbung:
Könntest du dir mal bitte den Quelltext anschauen und probieren den Fehler zu finden. Bitte lass dich nicht durch den Rest irritieren. Ich weiß das der eine Kathastrophe ist.
Warum soll ich mich nicht irritieren lassen, wo doch klar ist, dass der Browser irritiert wird.
Im HTML-Code ist so ziemlich alles verkehrt, was man verkehrt machen kann und da glaubst Du, dass Du darauf mit CSS aufbauen kannst? So funktioniert das nicht. CSS funktioniert nur anständig, logisch und einfach für Dich, wenn die Basis aus HTML stimmt. Die muss valide und semantisch sinnvoll sein. Sonst macht die Arbeit mit CSS keinen Spaß.
 
Hi,


ich hab gerade die Startseite mal nach den Regeln von meinem Buch umgeschrieben. Ist sie jetzt besser?

<HTML>
<HEAD>
<TITLE>Hompage der Umweltmentorin und ihres Verbündeten</TITLE>
<link rel="stylesheet" type="text/css" href="Stylesheets/formate2.css">
</style>
</HEAD>
<BODY >

<ul id="Navigation">
<li> <a href= "Begruessungsseite.htm" target="weiss"><img src="Bilder/Button_home2.jpg"></li>
<li><a href="Aktuelle_Projekte.htm" target="weiss"> <img src="Bilder/Button_aktuell2.jpg" ></li>
<li><a href="Projekte.htm" target="weiss"> <img src="Bilder/Button_projekte.jpg" ></li>
<li><a href="Presseberichte.htm" target="weiss"> <img src="Bilder/Button_presse.jpg"></li>
<li><a href="Petitonen.htm" target="weiss"> <img src="Bilder/Button_petitionen.jpg"></li>
<li><A HREF="http://www.guweb.com/cgi-bin/guestbook?id=ANIKA_V" target="weiss"><img src="Bilder/Button_Gaestebuch.jpg"></A></li>
<li><a href="impress.htm" target="weiss"> Impressum </a></li>
</ul>

<div id="Inhalt">


<img src="Bilder/friedenstaube.gif" width=150 height=150 border=0 align="right">

<H1><B>Herzlich willkommen!</H1>

<p>Schön, dass du den Weg hierher gefunden hast.</p>

<p>Willst du etwas über Umweltschutz oder die Umweltmentoren wissen?</p>

<p>Hast du Lust mit anzupacken?</p>

<p>Oder suchst du Ideen für eigene Projekte?</p>

<p>Dann wünsch ich dir viel Spaß hier.</p>

<p>Bei Problemen oder ähnlichem einfach kurze E-mail an <A href="mailto: ...@... </a> und schon sind wir in Kontakt.</p>
</div>


<p><marquee > !!! nächstes Mentorentreffen erst am 8.2.10 !!! &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; am 10.2.10 ist <a href="Kuchenverkauf.htm">Kuchenverkauf</a> für Haiti&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; am 26.2.10 ist Termin zum Joghurt herstellen</marquee></p>

<p><a id="474" href="http://www.smsohneabo.de">SMS kostenlos</a><script type="text/javascript" language="JavaScript" src="http://www.gratis-besucherzaehler.de/counter_js.php?account=474&style=6"></script><noscript><a href="http://www.gratis-besucherzaehler.de/" target="_blank"><img border=0 src="http://www.gratis-besucherzaehler.de/count.php?counter=474&style=6"/>
</a></noscript></p>
</BODY></HTML>

Die meisten Seiten hab ich mit Hilfe von blinden Tabellen gestalltet. Darf ich das auch weiterhin tun oder gibt es dafür extra Befehle? Nach welchen Stichworten muss ich da suchen?
 
Werbung:
Auf den ersten Blick fällt mir folgendes auf:

Der Seite fehlt ganz am Anfang noch ein Doctype.

Hierzu
Code:
</style>
gibt es keinen Anfangs-Tag. Also löschen.

Hier ist der öffnende B-Tag unnötig und wird nicht geschlossen:
Code:
<H1><B>Herzlich willkommen!</H1>
Formatierungen solltest du in diesem Fall über h1 vornehmen.

Die meisten Seiten hab ich mit Hilfe von blinden Tabellen gestalltet. Darf ich das auch weiterhin tun oder gibt es dafür extra Befehle? Nach welchen Stichworten muss ich da suchen?
Dürfen darf man alles. Es fragt sich nur, ob es Sinn macht. Tabellen dienen zur Darstellung strukturierter Inhalte. Wenn du diese hast, dann sollst du dafür - aber nur dafür - auch Tabellen benutzen.
Für den reinen Seitenaufbau sind Tabellen nicht geeignet. Dazu gibt es je nach Bedarf entsprechende HTML-Elemente, die du per CSS formatieren und positionieren kannst.
Suche mal nach CSS-Layouts. Da findest du sicher genügend Beispiele, wie man eine Seite ohne Tabelle macht.
 
Hi,

Ich hab mich in den letzen Wochen/Monaten weiter mit Stylesheets beschäftigt. Unten seht ihr das Ergebnis. Währe jemand so nett und würde den Quelltext auf Fehler durchschauen?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<head profile="http://dublincore.org/documents/dcq-html/">
<meta name="DC.title" content="Umweltschutz am GGG">
<meta name="DC.subject" content="Startseite">
<meta name="DC.description" content="Umweltschutz spielt am GGG eine grosse Rolle. Es gibt z.B. eine Garten-Ag, Umweltmentoren,...">
<meta name="keywords" content="Umweltmentoren, Goethe-Gymnasium Gaggenau, Umweltschutz, Umweltmanager">
<meta name="DC.publisher" content="Anika Voigtländer">
<meta name="DC.date" content="Sat, 27 Feb 2010">
<meta name="DC.format" content="text/html">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">


<title>Umweltschutz am GGG</title>
<style type="text/css">
h1 { color:black; font: 250%;bold; Times New Roman; text-align: center }
p { text-align:center; font-weight:bold; font-size:120%}
a:link { color: blue; }
a:visited { color: darkblue }
a:hover { color: green }
a:active { color: darkblue }


</style>

</head>

<body style="background-image:url(Bilder/Hintergrundbild_Blatt2.gif)"> <img src="Bilder/friedenstaube.gif" width=150 height=150 border=0 align="right">
<br>
<br>
<br><br>
<br>
<br>
<br>

<div>
<span="Überschrift"><H1>
Herzlich willkommen!</H1></span>
<p>
Schön, dass du den Weg hierher gefunden hast.</span></p>
<p>
Willst du etwas über Umweltschutz oder die Umweltmentoren wissen?</span></p>
<p>
Hast du Lust mit anzupacken?</span></p>
<p>Oder Suchst du Ideen für eigene Projekte?</span></p>
<p>Dann wünsch ich dir viel Spaß hier.</p>
. <p>Bei Problemen oder ähnlichem einfach kurze E-mail an <A href="mailto: [email protected]"> [email protected] </a> und schon sind wir in Kontakt.</p>
</div>
<div>
<p>

<marquee bgcolor=#000000> <font color=#FF0000> am 26.2.10 wird <a href="Joghurt.htm">Joghurt</a> gemacht&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; nächstes <a href="Umweltmentoren.htm">Mentorentreffen</a> am 1.3.10&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 399.42 € bei <a href="Kuchenverkauf.htm">Kuchenverkauf</a> für Haiti gesammelt </font></marquee></p>
<p></div><div>
<a id="474" href="http://www.smsohneabo.de">SMS kostenlos</a><script type="text/javascript" language="JavaScript" src="http://www.gratis-besucherzaehler.de/counter_js.php?account=474&style=6"></script><noscript><a href="http://www.gratis-besucherzaehler.de/" target="_blank"><img border=0 src="http://www.gratis-besucherzaehler.de/count.php?counter=474&style=6"/>
</a></noscript>
</p></div>
</BODY>
</HTML>


Liebe Grüße und Vielen Dank,

Anika
 
Zuletzt bearbeitet:
Werbung:
Alle <br> löschen, alle &nbsp; löschen, das span um der Überschrift ist auch überflüssig, in den Paragraphen sind schließende spans, obwohl keine geöffnet worden sind, also löschen, font löschen, Layout macht man mit CSS, nicht mit HTML.

Danach sollte der Quellcode ungefähr so aussehen:
HTML:
<H1>Herzlich willkommen!</H1>
<p>...</p>
<p>...</p>
<p>...</p>
...
 
Hi,

danke dir für die schnelle Korrektur. So besser? Die vielen Umbrüche müssen leider rein, weil es mir sonst die Taube in den Text schiebt und der dann nicht mehr zentriert ist. Ich hab leider noch nicht rausbekommen wie man das "richtig" macht. Bei den Leerzeichen ist es das selbe. Ich will einen gewissen Abstand zwischen den Wörtern.
Wo habe ich sonst noch das Layout mir HTML gemacht?

LG Waldwolf

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<head profile="http://dublincore.org/documents/dcq-html/">
<meta name="DC.title" content="Umweltschutz am GGG">
<meta name="DC.subject" content="Startseite">
<meta name="DC.description" content="Umweltschutz spielt am GGG eine grosse Rolle. Es gibt z.B. eine Garten-Ag, Umweltmentoren,...">
<meta name="keywords" content="Umweltmentoren, Goethe-Gymnasium Gaggenau, Umweltschutz, Umweltmanager">
<meta name="DC.publisher" content="Anika Voigtländer">
<meta name="DC.date" content="Sat, 27 Feb 2010">
<meta name="DC.format" content="text/html">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">


<title>Umweltschutz am GGG</title>
<style type="text/css">
h1 { color:black; font: 250%;bold; Times New Roman; text-align: center }
p { text-align:center; font-weight:bold; font-size:120%}
a:link { color: blue; }
a:visited { color: darkblue }
a:hover { color: green }
a:active { color: darkblue }


</style>

</head>

<body style="background-image:url(Bilder/Hintergrundbild_Blatt2.gif)"> <img src="Bilder/friedenstaube.gif" width=150 height=150 border=0 align="right">
<br><br><br><br><br><br><br>

<div>
<H1>
Herzlich willkommen!</H1>
<p>
Schön, dass du den Weg hierher gefunden hast.</p>
<p>
Willst du etwas über Umweltschutz oder die Umweltmentoren wissen?</p>
<p>
Hast du Lust mit anzupacken?</p>
<p>Oder Suchst du Ideen für eigene Projekte?</p>
<p>Dann wünsch ich dir viel Spaß hier.</p>
<p>Bei Problemen oder ähnlichem einfach kurze E-mail an <A href="mailto: [email protected]"> [email protected] </a> und schon sind wir in Kontakt.</p>
</div>
<div>
<p>

<marquee bgcolor=#000000> <font color=#FF0000> am 26.2.10 wird <a href="Joghurt.htm">Joghurt</a> gemacht&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; nächstes <a href="Umweltmentoren.htm">Mentorentreffen</a> am 1.3.10&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 399.42 € bei <a href="Kuchenverkauf.htm">Kuchenverkauf</a> für Haiti gesammelt </font></marquee></p>
<p></div><div>
<a id="474" href="http://www.smsohneabo.de">SMS kostenlos</a><script type="text/javascript" language="JavaScript" src="http://www.gratis-besucherzaehler.de/counter_js.php?account=474&style=6"></script><noscript><a href="http://www.gratis-besucherzaehler.de/" target="_blank"><img border=0 src="http://www.gratis-besucherzaehler.de/count.php?counter=474&style=6"/>
</a></noscript>
</p></div>
</BODY>
</HTML>
 
Moin,
die Frage zum Stylesheet ist, glaube ich, noch beantwortet worden:
HTML:
<link rel="stylesheet" type=css" href="/Stylesheets/link.css">
Der Slash (/) vor Stylesheets/link.css ist falsch, es müsste heissen
HTML:
<link rel="stylesheet" type=css" href="Stylesheets/link.css">
Auch wenn es für uns "Normalsterbliche" schwer ist, versuch Dir die Gross-/Kleinschreibung abzugewöhnen, damit hast Du dann schon mal eine Fehlerquelle weniger, die Du ggf suchen musst. Denn wenn Du z.B. eine Datei oder einen Pfad gross schreibst (oder mit Großbuchstaben beginnst), musst Du sie auch im tag so schreiben.
Grüsse
low
 
Werbung:
Was die Überschrift und die spans betrifft ja.

Die vielen Umbrüche müssen leider rein
Nein, müssen sie nicht.

weil es mir sonst die Taube in den Text schiebt und der dann nicht mehr zentriert ist.
Das hat nichts mit HMTL zu tun, sondern mit dem Layout, also mit CSS.

Ich hab leider noch nicht rausbekommen wie man das "richtig" macht.
Richtig macht man es mit margin und padding per CSS.

Bei den Leerzeichen ist es das selbe. Ich will einen gewissen Abstand zwischen den Wörtern.
Auch das ist Aufgabe von CSS, dafür gibt es die Eigenschaft word-spacing.

Wo habe ich sonst noch das Layout mir HTML gemacht?
<font> hat keine semantische Bedeutung, du möchtest damit die Schriftfarbe ändern, auch das macht man per CSS.


Ausserdem musst du dir nicht die Mühe machen, deinen Quellcode hier mit Farben zu versehen, benutze einfach die Code-Tags für HTML [*html][*/html] jeweils ohne den Stern.
 
Ich hab mich in den letzen Wochen/Monaten weiter mit Stylesheets beschäftigt.
Aber offensichtlich hast Du Dich noch nicht hinreichend mit HTML beschäftigt.
CSS funktioniert nur anständig und logisch, wenn die Basis aus HTML stimmt. Aber davon bist Du noch ein gutes Stück entfernt. Auch solltest Du Inhalt und Layout immer strikt voneinander trennen.

Auch wenn es für uns "Normalsterbliche" schwer ist, versuch Dir die Gross-/Kleinschreibung abzugewöhnen
Diesen Rat finde ich irgendwie blödsinnig. Es gibt eigentlich nur ein Etwas in dieser Welt, das keinen Unterschied macht zwischen Groß- und Kleinschreibung, und das ist Windows. Jedes andere Betriebssystem und jedes Kleinkind, das in der 1. Klasse Schreiben lernt, kennt den Unterschied, nur Windows nicht. Groß-/Kleinschreibung ist gut und kann problemlos angewendet werden, man muss sich bloß nicht von Windows dazu hinreißen lassen, keinen Unterschied zwischen "a" und "A" zu sehen - Windows ist da schlichtweg unlogisch und an unlogische Dinge darf man sich nicht gewöhnen.
 
@ Elfchen, was willst du mit deinem Kommentar bezwecken?

Aber offensichtlich hast Du Dich noch nicht hinreichend mit HTML beschäftigt.
CSS funktioniert nur anständig und logisch, wenn die Basis aus HTML stimmt. Aber davon bist Du noch ein gutes Stück entfernt. Auch solltest Du Inhalt und Layout immer strikt voneinander trennen.

Ich weiß das ich noch nicht gut im Homepagerstellen bin. Nur kann ich nicht alles auf einmal lernen. Ich besitze auch ein Leben neben dem PC. Was ich hier an Quelltext online gestellt hab ist immer der Zwischenstand wie weit ich gerade bin. Wenn du mir sagst wo ich noch nicht genannte Fehler drin habe, werde ich versuchen diese raus zu machen.

@ Thor, danke für deine Verbesserung und die Tipps. Ich werd versuchen sie in den Ferien umzusetzen.

LG Waldwolf
 
Zuletzt bearbeitet:
Werbung:
@ Elfchen, was willst du mit deinem Kommentar bezwecken?
Ich will Dir helfen, den richtigen Pfad zu finden, um leicht die Materie erlernen zu können, mit der Du Websites erstellen kannst. Im Moment scheinst Du mir ziemlich im Dunkeln zu tappen. Dein HTML-Code hat nicht viel mit HTML zu tun. Der ist nichtmal "anfängerhaft", er ist einfach nur falsch. Du zweckentfremdest HTML.

Ich weiß das ich noch nicht gut im Homepagerstellen bin. Nur kann ich nicht alles auf einmal lernen.
Du gehst nur gerade einen Weg, der sich von Deinem Ziel entfernt. Du mischst HTML mit Darstellung, was Dein Lernen nicht gerade vereinfacht. Denn HTML ist nicht für die Darstellung gedacht. Dass Du nicht alles auf einmal lernen kannst, ist klar, aber es macht keinen Sinn, CSS zu lernen, bevor man HTML nicht beherrscht. Dann scheint CSS nämlich auch keinen Sinn zu machen und wird deutlich schwieriger zu lernen. CSS baut aber auf HTML auf, der HTML-Code muss valide und semantisch korrekt sein, sonst funktioniert CSS nicht so, wie man das will.
Wenn Du Schwierigkeiten mit dem Lernen hast, empfehle ich Dir, das Aussehen Deiner Site erstmal ganz außen vor zu lassen und mit dem ersten Schritt anzufangen: Schreibe Deinen Inhalt und zeichne ihn dann mit HTML semantisch sinnvoll aus. Kein CSS, kein Aussehen. So versteht ein Anfänger am besten den Sinn von HTML.
Es erscheint für die meisten Anfänger brutal und unverständlich, dass HTML nicht für das Aussehen der Site zuständig ist. Hat man das aber erstmal wirklich begriffen und verinnerlicht, geht alles viel leichter von der Hand.

Was ich hier an Quelltext online gestellt hab ist immer der Zwischenstand wie weit ich gerade bin. Wenn du mir sagst wo ich noch nicht genannte Fehler drin habe, werde ich versuchen diese raus zu machen.
_Thor_ hat schon angefangen damit.
Der grundlegende Fehler ist, dass Du HTML für Darstellung benutzt und HTML nicht strikt von CSS trennst.
Ist dieser Link schon gefallen? Einführung | Webdesign mit XHTML und CSS
 
Hier ist der Quelltext noch einmal ohne irgendwelche gestalltenden Elemente. Besser?

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<head profile="http://dublincore.org/documents/dcq-html/">
<meta name="DC.title" content="Umweltschutz am GGG">
<meta name="DC.subject" content="Startseite">
<meta name="DC.description" content="Umweltschutz spielt am GGG eine grosse Rolle. Es gibt z.B. eine Garten-Ag, Umweltmentoren,...">
<meta name="keywords" content="Umweltmentoren, Goethe-Gymnasium Gaggenau, Umweltschutz, Umweltmanager"> 
<meta name="DC.publisher" content="Anika Voigtländer">
<meta name="DC.date" content="Sat, 27 Feb 2010"> 
<meta name="DC.format" content="text/html"> 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">


<title>Umweltschutz am GGG</title>

</head>
<body >

<div>
    <span="Überschrift"><H1>Herzlich willkommen!</H1></span>
    <p>Schön, dass du den Weg hierher gefunden hast.</span></p>
    <p>Willst du etwas über Umweltschutz oder die Umweltmentoren wissen?</span></p>
    <p>Hast du Lust mit anzupacken?</span></p>
    <p>Oder Suchst du Ideen für eigene Projekte?</span></p>
    <p>Dann wünsch ich dir viel Spaß hier.</p>
.    <p>Bei Problemen oder ähnlichem einfach kurze E-mail an <A href="mailto: [email protected]"> [email protected] </a> und schon sind wir     in Kontakt.</p>
</div>
<div>
<p>
<marquee>  am 26.2.10 wird <a href="Joghurt.htm">Joghurt</a> gemacht  nächstes <a href="Umweltmentoren.htm">Mentorentreffen</a> am 1.3.10 399.42 € bei <a href="Kuchenverkauf.htm">Kuchenverkauf</a> für Haiti gesammelt  </font></marquee></p>
<p></div><div>
<a id="474" href="http://www.smsohneabo.de">SMS kostenlos</a><script type="text/javascript" language="JavaScript" src="http://www.gratis-besucherzaehler.de/counter_js.php?account=474&style=6"></script><noscript><a href="http://www.gratis-besucherzaehler.de/" target="_blank"><img border=0 src="http://www.gratis-besucherzaehler.de/count.php?counter=474&style=6"/>
</a></noscript> </p></div>
</BODY>
</HTML>
Die Website die du mir genannt hast kam noch nicht. Danke. Momentan arbeite ich mich gerae durch http://de.selfhtml.org/
 
Zuletzt bearbeitet:
Der ist doch so, wie in deinem ersten Post, oder?

Die <br> sind noch drin, die spans und die $nbsp; auch.
 
Werbung:
Werbung:
Hier ist der Quelltext noch einmal ohne irgendwelche gestalltenden Elemente. Besser?
Aber immer noch fehlerhaft. Kennst Du den The W3C Markup Validation Service ? Seite da durch jagen und Fehler korrigieren. Zwei <head>-Tags z.B. sind nicht erlaubt.

<span="Überschrift"><H1>Herzlich willkommen!</H1></span>
Was soll das? Zum einen dürfen Block-Elemente (<h1>) nicht innerhalb von Inline-Elementen (<span>) stehen, zum anderen erschließt sich mir der Sinn des Ganzen nicht. Wozu denkst Du, ist das <span>?

<p>Schön, dass du den Weg hierher gefunden hast.</span></p>
Du schließt ein <span>, das nicht offen ist. Genauso in den folgenden Textabsätzen.

<p>Bei Problemen oder ähnlichem einfach kurze E-mail an <A href="mailto: [email protected]"> [email protected] </a> und schon sind wir in Kontakt.</p>
mailto solltest Du nicht benutzen, weil: JavaScript-FFQ / Mailto:-Formulare

Momentan arbeite ich mich gerae durch http://de.selfhtml.org/
SelfHTML war früher DIE Anlaufstelle zum HTML-Lernen. Ist leider veraltet, sie geht nicht mehr deutlich auf Semantik oder die Trennung von Inhalt und Layout ein. SelfHTML ist daher für Anfänger nicht geeignet. Wenn man HTML mal kann, ist es als Referenz perfekt.
 
Version 3554...

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
         "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head profile="http://dublincore.org/documents/dcq-html/">
<meta name="DC.title" content="Umweltschutz am GGG">
<meta name="DC.subject" content="Startseite">
<meta name="DC.description" content="Umweltschutz spielt am GGG eine grosse Rolle. Es gibt z.B. eine Garten-Ag, Umweltmentoren,...">
<meta name="keywords" content="Umweltmentoren, Goethe-Gymnasium Gaggenau, Umweltschutz, Umweltmanager"> 
<meta name="DC.publisher" content="Anika Voigtländer">
<meta name="DC.date" content="Sat, 27 Feb 2010"> 
<meta name="DC.format" content="text/html"> 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">


<title>Umweltschutz am GGG</title>

</head>
<body > <img src="Bilder/friedenstaube.gif" width=150 height=150 border=0 align="right">

<div>
    <H1>Herzlich willkommen!</H1>
    <p>Schön, dass du den Weg hierher gefunden hast.</p>
    <p>Willst du etwas über Umweltschutz oder die Umweltmentoren wissen?</p>
    <p>Hast du Lust mit anzupacken?</p>
    <p>Oder Suchst du Ideen für eigene Projekte?</p>
    <p>Dann wünsch ich dir viel Spaß hier.</p>
    <p>Bei Problemen oder ähnlichem einfach kurze E-mail an <A href="mailto: [email protected]"> [email protected] </a> und schon sind wir     in     Kontakt.</p>
</div>
<div><p><marquee>   am 26.2.10 wird <a href="Joghurt.htm">Joghurt</a> gemacht -  nächstes <a href="Umweltmentoren.htm">Mentorentreffen</a> am 1.3.10 - 399.42 € bei <a href="Kuchenverkauf.htm">Kuchenverkauf</a> für Haiti gesammelt  </p>
<p></div><div>
<a id="474" href="http://www.smsohneabo.de">SMS kostenlos</a><script type="text/javascript" language="JavaScript" src="http://www.gratis-besucherzaehler.de/counter_js.php?account=474&style=6"></script><noscript><a href="http://www.gratis-besucherzaehler.de/" target="_blank"><img border=0 src="http://www.gratis-besucherzaehler.de/count.php?counter=474&style=6"/>
</a></noscript> </p></div>
</BODY>
</HTML>
Ich hab es noch einmal versucht und die Fehler raus gemacht. Jetzt besser? Danke für eure Gedult.

Warum soll ich

<A href="mailto: [email protected]">

nicht benutzen? Ich hab mir die Website angeschaut. Da stand abe nur etwas von Formularen und einem anderen Tag den man nicht benutzen soll.

Vielen Dank u. liebe Grüße,

Waldwolf



 
Zurück
Oben