HTML Anfängerfrage

dutti · 5 Juni 2009

es handelt sich hierbei um eine erste testseite an der ich mich mit hilfe von phase5 und selfhtml versuche. erst soll ien bild kommen dann ein text, ein text im tableund dann hatte ich noch ein video versucht.
so siehts aus.
dutti-1337.de.vu/
an hand des quelltextes könnt ihr unschwer erkennen wie ich das mit dem bild und dem video versuchte

was muss geändert werden?
bitte nur um antworten die mich weiter bringen!

Anzeige

Hallo,

schau mal hier: (Hier findest Du einiges). Da wird jeder fündig

Gast977 · 5 Juni 2009

ehrlich?
wenn ich mir die seite anschaue, versteh ich wirklich nicht was du jetzt genau willst...
und wenn ich mir den quellcode anschaue dann denk ich mir "mach doch erstmal was einfaches" und wenn du das hinbekommst, dann mach schwerere sachen

Lebenssonde · 5 Juni 2009

Also im Quelltext hast du nur eine Iframe, wobei icvh nicht verstehe, wofür du sie benutzt und paar Textlinks, die nicht zu sehen sind. (Wahrscheinlich im CSS definiert, das ich nicht lesen kann. Ein Bild gibt es dort nicht. <img src=bildadresse.jpg> Und Video gibt es auch nicht. Video geht so : <embed src="pfad/zum/film.mpg" width="200" height="200"> oder hier schaun: http://de.selfhtml.org/html/multimedia/index.htm

Die Lebenssonde

PoloPoPo · 5 Juni 2009

Ich kann ohne Probleme mit HTML eine ordentliche Homepage erstellen und mir ist bei dir folgendes im Quelltext aufgefallen, was mir komisch erscheint:

- diese meta-tags im head brauchst du nicht
- es gibt nur einen einzigen body tag, der geht einmal auf und einmal zu und in diesem body tag steht der gesamte inhalt
- das heißt, dass am ende immer </html> steht, bei dir aber nicht, du hörst mit einer tabelle auf, die sogar zu meinem verwundern auch noch funktioniert obwohl sie nicht im body steht °_°
- dein hello kitty bild geht nicht. du hast da auch keinen pfad angegeben oder soll das der pfad zu deiner festplatte sein? Sprich bild im gleichen ordner wie die html seite?!

Folgendermaßen ist ein normaler HTML Aufbau:

<html>
<head>
<title>testpageDutti</title>
</head>
<body text= "#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<img src="hello kitty color.GIF" alt="" border="0" width="449" height="357">

<p><font color="#FF00FF"><font face="Lucida Console"><font size="+4">Hello Naddel</font></font></font> </p>

<table width="100%" border="12" bordercolor="#FF9DCE" bgcolor="#FFE1FF" cellpadding="0" cellspacing="2">
<tr>
<td><font size="+3"><font face="MONOSPACE"><font color="#000000"><b>Ich liebe dich !</b></font></font> </td>
</tr>
</table>

</font>

</body>

</html>

PoloPoPo · 5 Juni 2009

Außerdem hab ich noch mehr gesehen:

Du musst nicht zig font tags auf und zu machen, einer reicht:
<font color="#FF00FF" face="Lucida Console" size="+4">Hello Naddel</font>

Außerdem tust du im body tag eine schriftfarbe 000000 definieren, d.h. das font color in deiner tabelle kannst du dir sparen. außerdem ist schwarz eh immer standard.

Folgenden Code schlage ich erstmal vor:

<html>
<head>
<title>testpageDutti</title>
</head>
<body text= "#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<img src="hello kitty color.GIF" alt="" border="0" width="449" height="357">

<p><font color="#FF00FF" face="Lucida Console" size="+4">Hello Naddel</font></p>

<table width="100%" border="12" bordercolor="#FF9DCE" bgcolor="#FFE1FF" cellpadding="0" cellspacing="2">
<tr>
<td><font size="+3" face="MONOSPACE"><b>Ich liebe dich !</b></font></td>
</tr>
</table>

</body>

</html>

Achja und dein Bild, geht das bei dir daheim? Glaub mit Leerzeichen geht das eh nicht. Gib da lieber mal den Pfad zur Webseite des Bildes ein, also > <img src="http://www.deinbild.gif">

Lebenssonde · 5 Juni 2009

Bin ixch doof oder was? Also er hat die Body tags schon richtig gesetzt so wie ich das sehen. Dafür sehe cih ich nirgendwo ein IMG Tag,, oder ist das alles in dem Iframe drin? Jedenfalls ist sowohl der geschlossener HTML Tag drin als auch alles in Body Tags eingeschlossen. Wie gesagt ich habe die Funktion des Iframes noch nicht kapiert.

Also ich sehe folgendes Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>hp-dutti[testphase]</title>
<meta name="Description" content="dutti-1337 - erfahren Sie mehr über dutti-1337. Hier finden Sie alle Info ...">
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<meta name="Keywords" content="dutti, dustin, lol, rofl">
<link href="http://favicons.de/fv044.ico" rel="SHORTCUT ICON">
<meta name="ROBOTS" content="index,follow">
<META name="LANGUAGE" content="Deutsch, DE, AT, CH">
<meta name="DISTRIBUTION" content="global">
<link href="/ad/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table cellspacing="0" cellpadding="0" id="main">
<tr><td id="cnt"><iframe src="http://dutti.du.funpic.de/testpage.html" name="fid1" id="fid1" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe></td></tr>

</table>
<div align="center" id="bottom">
<h1><a href="dutti-1337.de.vu">hp-dutti[testphase]</a></h1><br><br>
<h2><a href="http://dutti.du.funpic.de/testpage.html">dutti-1337 - erfahren Sie mehr über dutti-1337. Hier finden Sie Informationen zum Thema dutti-1337...</a></h2><br><br>
</div>
</body>

</html>

Ansonsten würde ich das auch so wie pololo machen, wenn auch die Formaiterung als CSS verpacken, wenn Dutti soweit ist. Ist dann kürzer, strukturierter und übersichtlicher.

Lebenssonde · 5 Juni 2009

Nachtrag: Du musst auch auf groß/kleinschreibung achten. Ich habe oft gehabt dass ich die Endung .gif klein geschrieben habe, obwohl in der Dateinamen .GIF stand. Leerzeichen geht normalerweise ohne probleme, da es in der URL als %20 kodiert wird. Relative eingabe geht auch wie dutti geschrieben hat, nur man muss dann aufpassen von welchem Verzeichnis das bild aufgerufen wird. Die Datei muss im gleichen Verzeichnis sein, wo auch die Datei, die das Bild aufruft.

PoloPoPo · 5 Juni 2009

Bitte was?
Wenn ich auf Quelltext anzeigen gehe sehe ich folgendes:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>testpageDutti</title>
<meta name="author" content="Alexander">
<meta name="editor" content="html-editor phase 5">
</head>
<body text= "#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

</body>
<body> <img src="hello kitty color.GIF" alt="" border="0" width="449" height="357"> </body>
</html> <p><font color="#FF00FF"><font face="Lucida Console"><font size="+4">Hello Naddel</font></font></font> </p>

<table width="100%" border="12" bordercolor="#FF9DCE" bgcolor="#FFE1FF" cellpadding="0" cellspacing="2">
<tr>
<td><font size="+3"><font face="MONOSPACE"><font color="#000000"><b>Ich liebe dich !</b></font></font> </td>
</tr>
</table>

</font>

Lebenssonde · 5 Juni 2009

JA das ist der inhalt des Iframes. Wenn ich auf die de.vu adresse klicke, sehe ich den Code, den ich gepostet habe. Ich muss dann auf den Iframe gehen also auf dutti.du.funpic.de/testpage.html adresse, dann sehe ich den Code, den du gepostet hast. Ich hatte heute morgen nur wenig Zeit deshalb habe cih mich erst gewundert, wo denn das Bild ist und wo die beiden Links geblieben sind. Ich verstehe wie gesagt nicht warum er das Iframe benutzt um auf dden Funpic Webspace zu kommen. Ich vermute mal einfach als Weiterleitung, die ich wiederum auch mit Weiterleitung lösen würde und nicht mit Iframe.

Die Lebenssonde

PS Weiterleitung:

Code:

<html>
<head>
<meta http-equiv="refresh" content="0; URL=http://dutti.du.funpic.de/testpage.html">
<!-- ... andere Angaben im Dateikopf ... -->
</head>
<body></body></html>

PoloPoPo · 5 Juni 2009

Also ich habe keine Ahnung, wie ich den Code zu sehen bekomme, den du siehst. Ich klicke den Link an und schau mir genau den von mir geposteten Quelltext an!?

Von iFrames habe ich auch noch nie was gehört und ich hatte schon einige Jahre HTML in Schulen und schon zig Stunden mir selbst beigebracht. Ich weiß was Frames (Framesets) sind, aber iFrame

Wenn das der Code in dem sogenannten iFrame sein soll, dann ist der Code doch aber total falsch...oder darf man in nem iFrame 3 body-tags haben?

Nunja, ich kann in dem Fall nicht zu der Anfängerfrage weiterhelfen und verabschiede mich vorerst.
Würde dir, dutti, aber raten erstmal eine ganz normale HTML Seite zu erstellen und nicht so etwas völlig unübliches, komisches mit Weiterleitung, Frames etc ^^

Ich habe mir damals einen kostenlosen Arcor Webspace geholt und mit meiner index.html angefangen rumzubasteln bis daraus eine coole Homepage wurde.

Lebenssonde · 5 Juni 2009

Also ich habe das sowohl mit Firefox als auch mit Kameleon ausprobiert. ... Stimmt IE zeigt sofort Pololos Quelltext. Vielleicht liegt das an dem de.vu Dienst, das den Code automatisch erzeugt hat. Bei Firefox und Kameleon muss ich jedenfalls auf den Frame gehen und dann den Quelltext anzeigen lassen. Erst dann kriege ich den gefragten HTML Abschnitt. Ich mache das ja auch so über rechtsklick mit der Maus und Quelltext anzeigen.

Iframe ist dasselbe wie normale Frames, nur dass du den Frame innerhalb eines HTML Blocks an beliebiger Stelle verwenden kannst und nicht extra mit frameset definieren und dafür auch noch mehrere Dateien erstellen musst.

Ich würde doch dann erstmal die direkter Adresse arbeiten. Dann haben wir erstmal den iframe beiseite. Ich meine also die Seite nciht mit der de.vu Adresse, sondern mit http://dutti.du.funpic.de/testpage.html anklicken.

Und <body> tag genauso wie <html> Tag dürfen nur einmal in einem HTML Dokument vorkommen.

Und ihr musst meine Verwirrung verzeihen, da ich erstmal nachvollziehen muss, was da alles ist. Ist mir irgendwie auch etwas suspekt mit diesen Weiterleitungen

White Noise · 5 Juni 2009

Wieso eigentlich mit Tables und Frames?

Frames verwendet man nur noch wenn man (fremde) Objekte / Seiten einbinden will, sonst machts nur Browser-abhängig Ärger.

Heutzutage realisiert man einfache Seiten mit CSS, ist eigentlich auch leichter zu handhaben.

Bei http://de.selfhtml.org/ ist wirklich alles sehr gut anhand von Beispielen und Browser-kompatibel erklärt

dutti · 5 Juni 2009

Das is erst ma nur spielerei gewesen

ein erfolgserlebniss hab ich da die seite hochladen konnte

das mit der domain hat auch gut geklappt. Der inhalt ist erst mal nebensache.
Bei phase5 in der browservorschau hatte ich auch das video drin...

White Noise · 5 Juni 2009

Ist ja nicht verkehrt wenn man weiß wie Frames und Tables funzen.

Möchte auch nicht klugscheißen :lol: sondern lediglich auf moderne Techniken hinweisen.

Gruß

W.N.

dutti · 5 Juni 2009

Oder liegt der fehler beim hochladen? Dies mache ich mit fillefox. Das hochladen geht fuer meinen geschmack ganz schoen schnell...
Ich werd mich damit noch mal beschaeftigen wenn ich feierabend habe.

PoloPoPo · 5 Juni 2009

Fillefox? Meinst du Filezilla?
Klar geht das Hochladen schnell, du ladest ja auch nur eine Textdatei mit wenigen kb hoch.

Lebenssonde · 5 Juni 2009

Nee am Hochladen liegt es nicht. Das Filezilla erfindet ja nichts neues sondern überträgt was du geschrieben hast. Ich glaube das mit iframe liegt an de.vu Dienst. Ich würde vorerst mal die direkte Adresse verwenden wie ich oben geschrieben habe. Dann können wir uns um die komische Weiterleitung nicht zu kümmern

dutti · 5 Juni 2009

also danke erst ma an alle! ihr werdet es kaum glauben aber bisher war mir jeder beitrag eine gute hilfe

ich werde jetzt nochmal von vorne anfangen.
ich möchte was hoffentlich ganz einfaches und zwar einen schwarzen hintergrund mit einem video in der mitte, welches ich von youtube her verlinke. das müsste ja machbar sein oder?

<html>
<head>
<title>testpageBETA[dutti]</title>
</head>
<body text="#00AFF" bgcolor="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<h1>Das hat ja ma geklappt

</h1>

<embed src="<object width="445" height="364"><param name="movie" value="videolink</embed></object>
<h2>und das hat ebenfalls gut funktioniert, abwer wie bekomm ich nu den text neben das video? rechts.</h2>
</body>
</html>

ganz schön lang der videolink aber funzt

dutti.du.funpic.de/testdutti2.html

PoloPoPo · 5 Juni 2009

Folgender Code ist besser, einfach den "embed code" von Youtube direkt kopieren und unverändert einfügen. Alles rote von <object> bis </object> habe ich eins zu eins von Youtube kopiert, nichts selber gemacht.

Außerdem willst du es zentriert, das geht mit dem div-container.

<html>
<head>
<title>testpageBETA[dutti]</title>
</head>
<body text="#000000" bgcolor="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<div align = "center">

<object width="425" height="344"><param name="movie"
value="http://www.youtube.com/v/VWOA1TtK2YY&hl=de&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/VWOA1TtK2YY&hl=de&fs=1&" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

</div>

</body>
</html>

dutti · 5 Juni 2009

gutgut ich habs jetzt in der mitte zentriert. anstelle von <h2> kann ich auch einfach <text> machen ja?
sehr nice polo thx

dutti.du.funpic.de/testdutti2.html

im quelltext stehts genau so is aber nich zentriert 0o
in der vorschau schon.

PoloPoPo · 5 Juni 2009

Diese <h1> bis <h5> Tags definieren eine Überschrift und verändern die Schriftgröße.
<text> brauchst du vermutlich nie, wo hast du das denn her? Hab ich noch nie gesehen und es macht auch rein gar nichts.

Lebenssonde · 5 Juni 2009

Was mir aufgefallen ist, dass du die Tage schließt, die nicht geöffnet sind oder Tage eröffnest, die du nicht schließt. Jeder Tag wird geöffnet und geschlossen <tag> .... </tag> Du musst darauf achten, dass das eingehalten wird. Selbst Tags wie <br> oder <p> werden geschlossen, wenn es auch fast nie jemand tut. Ich würde es in der Lernphase aber erstmal angewohnen. Dann verstehst du nämlich die Struktur des HTML Dokuments.

<text> sagt mir ehrlich gesagt auch überhaupt nichts

Infernus · 9 Februar 2011

Ich hab auch mal eine kleine Frage zur HTML-Programmierung:

Wie bekomme ich eine "Überschrift" für die Seite?
Als Beispiel, wenn ich das Forum hier aufrufe, dann steht ganz oben in meinem Browser "Allgemein-Forum"
Muss ich das in den HEAD einfügen ?

Anzeige

Hallo,

schau mal hier: (Hier findest Du einiges). Da wird jeder fündig

HTML Anfängerfrage

Neuer Benutzer

Gast977

Guest

Aktives Mitglied

Aktives Mitglied

Aktives Mitglied

Aktives Mitglied

Aktives Mitglied

Aktives Mitglied

Aktives Mitglied

Aktives Mitglied

Aktives Mitglied

Aktives Mitglied

Neuer Benutzer

Aktives Mitglied

Neuer Benutzer

Aktives Mitglied

Aktives Mitglied

Neuer Benutzer

Aktives Mitglied

Neuer Benutzer

Aktives Mitglied

Aktives Mitglied

Infernus

Guest