Lernen html / CSS ( wie binde ich Videos, Musik ein ? )

EinfachIch · 15.08.2009

Ich habe auf dieser Seite gelernt wie man eine Homepage erschafft:

http://de.html.net/tutorials/html/

Leider steht dort nicht wie ich selbst Videos oder Musik auf meiner Homepage einbinden kann. Kann mir jemand weiter helfen oder einen Link geben, wo dieses erklärt wird in einfacher Sprache

vielen lieben dank

haiko · 15.08.2009

vielleicht hilft dir der standard-link für webseitenerstellung weiter: http://de.selfhtml.org/

Stefan · 15.08.2009

Thema in die richtige Zone verschoben

EinfachIch · 15.08.2009

Kann mir jemand helfen ? Ich habe die ganze Zeit versucht das <p> in einer gewissen Farbe zu bekommen. Ich bekomme das einfach nicht hin

Auf der Seite wo ich schaute, fängt der Autor auch bei denn schwierigen stellen nur noch so larifari an zu erklären.

Hier ist der ganze Code:

<html><head><title>Das steht über dein Browser</title><style type="text/css" > body

{background-color:black;color;yellow;} h1 {background-color:yellow;color:black;} h2

{background-color:red;color:white;} p {color:white} </style> <h1><center><b>Programmieren ist

nicht einfach</center></b></h1></head><hr > <h2><center><b><i>Man muss zuviel

lernen</center></b></i></h2><hr >
<body><p><center><b>Ob das alles so gut ist ??? <br > Ich glaube nicht so wirklich <br ><hr >

</center></b></p><center><a href="http://www.google.de" > <img src="herz.gif"

</img></a></center><center><embed bg-sound src="HOP.wav" autostart="true" ></center>

</body></html>

Da ist alles so wie ich es wollte nur das <p> bekomme ich nicht farbig </p>

Stefan · 15.08.2009

Hallo,

da im HTML-Code steht das CSS drin, was du brauchst: p {color:white}
Dadurch bekommt der Text die weiße Farbe. Wie du CSS in HTML einbindest, weißt du?

Freundliche Grüße

Stefan

TrµMAn · 15.08.2009

was willst du denn überhaupt farbig machen? Oo das "<p></p>" wird doch garnicht angezeigt sondern vom Browser ausgewertet und als Absatz eingestuft ...

außerdem solltest du dich vllt mit den verschiedenen Tags vertraut machen, wenn du hier etwas in HTML angeben willst dann doch bitte in den [NOPARSE]

HTML:

[/NOPARSE]tags ...

Außerdem könntest du das mal etwas strukturieren anstatt nur zu kopieren ... siehst ja schrecklich aus ... da vergeht einem schon die lust am helfen ...

und OHH MEIN GOTT! was ist das denn für ein SCHE*** CODE???

HTML:

<html>
<head>
<title>Das steht über dein Browser</title>
<style type="text/css" >
body {
background-color:black;
color;yellow;
}
h1 {
background-color:yellow;
color:black;
}
h2 {
background-color:red;
color:white;
}
p {
color:white;
}
</style>
</head>
<body>
<h1>
<center>
<b>Programmieren ist nicht einfach</b>
</center>
</h1>
<hr />
<h2>
<center>
<b><i>Man muss zuviel lernen</b></i>
</center>
</h2>
<hr />
<center>
<p>
<b>Ob das alles so gut ist ???
<br />
Ich glaube nicht so wirklich</b>
<br />
<hr />
</p>
</center>
<center>
<a href="http://www.google.de" >
<img src="herz.gif"/>
</a>
<embed bg-sound src="HOP.wav" autostart="true" >
</center>
</body>
</html>

vergleiche mal bitte volgendes mit deinem Code: setzen von Leerzeichen und Slashes und vor allem (DAS ist auch das problem hier) ";" und Position der Tags!!

Du hast das mehrzeilige Element "center" im Inlineelement "p" gehabt

Findest du nicht, dass das von mir nicht deutlich übersichtlicher ist?

StGaensler schrieb:
was du brauchst: p {color:white}

das ist nicht das, was er braucht! Sondern das was er hat ... da fehlt und das sollte sofort auffallen ein semikolon ...

EinfachIch · 15.08.2009

TrµMAn schrieb:
da fehlt und das sollte sofort auffallen ein semikolon ...

Das verstehe ich nicht bei mir hatte ich auch das semikolon eingeben gehabt. Das änderte ich nur zwischendurch, weils es nicht gefunkt hatte.

Warum funktioniert das nicht in einem durchgang:
<html><head><title>Das steht über dein Browser</title><style type="text/css" > body
{background-color:black;color;yellow;} h1 {background-color:yellow;color:black;} h2
{background-color:red;color:white;} p {color:white;} </style> <h1><center><b>Programmieren ist
nicht einfach</center></b></h1></head><hr > <h2><center><b><i>Man muss zuviel lernen</center></b></i></h2><hr >
<body><p><center><b>Ob das alles so gut ist ??? <br > Ich glaube nicht so wirklich <br ><hr >
</center></b></p><center><a href="http://www.google.de" > <img src="herz.gif"
</img></a></center><center><embed bg-sound src="HOP.wav" autostart="true" ></center>
</body></html>

So funktioniert der Code bei mir nicht, warum nicht ?

cmddegi · 15.08.2009

Trµman hat schon den richtigen Hinweis gegeben, wenn auch nicht ganz korrekt ausgedrückt. p und center sind nämlich beides Blockelemente, aber center darf nicht innerhalb von p vorkommen, während p innerhalb von center schon vorkommen darf. Daher hat Trµman auch die Reihenfolge der beiden Elemente vertauscht. In deinem Fall wird der p-Block vom Browser automatisch geschlossen, weil center hier nicht vorkommen darf. Aus

HTML:

<p><center><b>Ob das alles so gut ist ??? <br >...

wird damit

HTML:

<p></p><center><b>Ob das alles so gut ist ??? <br >...

. Das hat zwei Auswirkungen; erstens steht dann der center-Block alleine innerhalb von Body und nicht mehr innerhalb des (leeren) p-Blocks, wodurch die body-Formatierung greift und nicht wie gewünscht die von p. Und zweitens steht durch das automatisch eingefügte </p> jetzt dein eigenes </p> alleine ohne ein öffnendes Tag da und ist somit ein Fehler.

In Trµman's Beispielcode hat sich übrigens ein Tippfehler eingeschlichen: Bei

HTML:

color;yellow;

gehört natürlich ein Doppelpunkt in der Mitte.

PS: Und wie Trµman schon sagte, bitte die HTML-Tags verwenden!

TrµMAn · 16.08.2009

cmddegi schrieb:
In Trµman's Beispielcode hat sich übrigens ein Tippfehler eingeschlichen: Bei

HTML:

color;yellow;

gehört natürlich ein Doppelpunkt in der Mitte.

ne ne

guck mal genau hin, den hab ich beim kopieren nur nicht korrigiert (hat ja trotzdem geklapt, deswegen ist mir der Fehler nicht aufgefallen)

und ich meinte das auch nicht mit <p> sei ein Inlineelement sry ... aber ist WIE ein inlineelement und darf somit nicht um elemente wie <center> herum stehen! (für Absätze gibts ja teilweise ähnliche Regeln wie für andere inlineelemente, anders als wie für ausrichtungen)

cmddegi · 16.08.2009

In der Tat, der Fehler war tatsächlich schon im Original. Sorry für die Unterstellung

Geklappt hat's deshalb, weil die Formatierung nirgendwo zum Tragen kommt.

Stefan · 16.08.2009

TrµMAn schrieb:
das ist nicht das, was er braucht! Sondern das was er hat ...

Ups, ich dachte, der Code oben wäre von dem Autor, der so larifari erklärt

TrµMAn schrieb:
da fehlt und das sollte sofort auffallen ein semikolon ...

Das Semikolon brauchst du nur, wenn danach noch eine Eigenschaft kommt - sonst kannst du es auch weglassen.

EinfachIch · 16.08.2009

Na sorry das ich das noch nicht so richtig kann... bin ja erst dabei zu lernen :victory::grinning::hal:

TrµMAn · 16.08.2009

soo jetzt aber nochmal zum eigentlich "Problem"

Du willst Sound einbinden ... also erstmal ist sound auf einer Website etwas ... naja ... unnötiges würde ich mal sagen (wenn ich sound haben möchte geh ich auf youtube!)

Also zum einbinden von Sounds kannst du z.B. diesen Ausschnitt verwenden

HTML:

<embed src="[B]SoundDatei.Wav[/B]" width="0" height="0">

in diesem Fall startet der Sound einmal beim aufrufen der Seite (also nicht in einer Schleife!) Soll das ganze aber immer und immer wieder abgespielt werden fügst du noch

HTML:

loop="true"

in die spitzen Klammern ein (und immer schön ein Leerzeichen zu den anderen Attributen lassen)

Bei einem Video macht man das am besten mit dem <object>-Element

HTML:

<object data="video.mpg" type="video/mpeg" width="200" height="200">
das Video kann nicht angezeigt werden
</object>

Den typ musst du jeh nach Dateiendung noch anpassen, eine kleine Referenz findest du hier: http://de.selfhtml.org/diverses/mimetypen.htm

Bei der Breite und der Höhe solltest du dich an den Originalmaßen orientieren

EinfachIch · 17.08.2009

HTML:

<embed 
width="0"
height"0"
src="http://www.youtube.com/v/OC-PSew_Q4s&hl=de&fs=1&&autoplay=1" >
</embed>

So habe ich das gemacht um Musik im hintergrund laufen zu haben

Die Musik startet Automatisch

Lernen html / CSS ( wie binde ich Videos, Musik ein ? )

EinfachIch

haiko

Stefan

EinfachIch

Stefan

TrµMAn

EinfachIch

cmddegi

TrµMAn

cmddegi

Stefan

EinfachIch

TrµMAn

EinfachIch

Lernen html / CSS ( wie binde ich Videos, Musik ein ? )

ANGEBOTE & SPONSOREN

Neueste Beiträge

Statistik des Forums