Zitat von Fidelis
Aso, ok, das werde ich beachten!
Gut, dann fange am besten gleich an, dein CSS auszulagern, so:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Dein Seitenname</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="author-personal"
content="Autorenname" />
<meta name="author-mail"
content="mailto:name@autor.xyz" />
<link rel="stylesheet" href="style.css"
type="text/css" media="screen, projection" />
</head>
Alles anzeigen
Wichtig ist dabei vor allem das hier:
<link rel="stylesheet" href="style.css"
type="text/css" media="screen, projection" />
Der Link verweist auf eine externe CSS-Datei, die zur Darstellung der Seite herangezogen wird.
Damit das ganze auch seinen Zweck erfüllt musst du nun eine Datei mit dem Namen "style" (oder eben deiner Wahl, musst halt dann Dateinname in der Verlinkung anpassen) und der Dateierweiterung *.css anlegen. Sämtliche Elemente kannst du dann mit sogenannten "Selektoren" unter CSS erfassen und ihren Attributen Parameter zuweisen, so:
p {
color : #008000;
font : normal 80% Verdana;
}
Selektor ist in diesem Fall die Elementengruppe
, Attribute sind color und font und das hinter den Doppelpunkten sind ihre Parameter.
Dieses Prinzip ist auf alle Elemente anwendbar. Du kannst sogar Identifier, wie ids oder Klassen vergeben und dann per CSS darauf zugreifen:
<div id="content">Hier stehen die ganzen Schweinereien</div>
CSS:
div#content {
width : 800px;
height : 500px;
margin : 0 auto;
background : #000000;
color : #ffffff;
}
Für weitere Listen von Tags oder Elementen und weiteren Informationen bietet sich CSS4You an, wie Bandit schon sagte.
Achja, zum Thema:
Zitat von Fidelis
HTML gelernt hab ich nirgends.. ich bin erst 14...
Ich bin vor kurzem erst 15 geworden und habe mit 13 angefangen XHTML & CSS zu lernen und empfand es damals schon um einiges leichter als gedacht. Denn schwer wird es erst, wenn du mal eine höhere Programmiersprache lernen willst. HTML ist im Prinzip sogar vom Prinzip und dem Aufbau her einfacher als XML und zählt ohnehin zu den einfachsten Auszeichnungssprachen, die es gibt, wenn es nicht sogar DIE einfachste ist.
MfG Alienx