Guten Tag Liebe GodLikerz,
Heute führe ich euch etwas in Html ein.
[FELD="Übersicht"]1. Schrift
2. Farbe
3. Bilder
4. Links etc
5. css/javascript.. einbinden[/FELD]
1. Die Schrift
[FELD="Box"]Bei der Schrift ist es eigentlich relativ einfach
Da gibt es
Größe
Farbe
Absätze...
Um die Größe einzustellen benutzen wir <font>
Beispiel:
<font size="3">Hallo</font>
Ihr schreibt mit der Größe 3(Normal Größe)
Nun die Farbe, dies ist auch sehr einfach
<font color="red">Hallo</font>
Ihr schreibt Rot
Wenn ihr einen text schreibt und absätze machen wollt, dan nschreibt doch einfach vor dem Absatz Text:
<p>...Text...</p>
Dann fangt ihr eine Neue Zeile an.
Schrift Stellung:
<b> Text </b> = Dick schreiben.
<i> Text </i> = Kursiv schreiben.
<u> Text </u> = Unterstrichen schreiben.
[/FELD]
2. Die Farbe
[FELD="Box"]Die Farbe einzustellen ist einfach:
<font color="white">
<font color="orange">
<font color="red">
<font color="blue">
und so weiter
Für spezielle Farben wie hellgrün oder so müsst ihr den html Farben code herrausfinden.
Diesen Code beommt ihr z.B. bei Gimp angezeigt wenn ihr die farbe auswählt.
Dann steht dort in einer Box z.B.
FFFFFF
oder 0FFFF
Das sind die Codes der farben die ihr ausgewählt habt.
Einbau der Html Code "Farbe":
<font color="#Code">Text</font>
Beispiel:
<font color="#ffffff">Text</font>
Wichtig ist das ihr in html immer "#" Davor setzt wie ich.[/FELD]
3. Bilder
[FELD="Box"]Nun kommen wir zum Punkt "Bilder".
Hier erstmal ein einfaches Beispiel:
<img src="bild.jpg">
Dann zeigt der Browser euer Bild an.
Background:
<html>
<head>
<body background="bild.jpg">
</head>
</html
oder ihr nehmt css
<style type="text/css">
body {
background-image: url(bild.jpg);
}
</style>
Wenn ihr wollt das der Browser den Background nicht wiederholt dann macht ihr folgendes in css:
<style type="text/css">
body {
background-image:url(bild.jpg);
background-repeat:no-repeat;
}
</style>
Bilder verlinken ist auch easy:
<a href="http://www.deine-url.de"> <img src="bild.jpg"></a>[/FELD]
4. Links
[FELD="Box"]Um Texte/Bilder zu verlinken müsst ihr folgendes machen:
<a href="http://godlikerz.de">Dein Text</a>
oder bei einem Bild
<a href="http://www.deine-url.de"> <img src="bild.jpg"></a>
Mehr gibt hierzu nicht zu erklären.
5. Andere PSprachen einbinden
Um andere Sprachen einzubinden wie css oder Javascript macht ih es eifnach so:
bei css:
<style type="text/css">
-Css Code-
</script>
bei Javascript:
<style type="text/javascript">
-Javascript Code-
</script>
Bei Php ist es anders dort könnt ihr es eifnach so machen:
<?
//php Code
?>
So das wär das Ende der Guide...
Noch etwas Allgemeines zu Html
html fängt imemr so an:
<html>
<head>
<title> Text</title> // Das ist der seiten Titel !
//css oder sonstiges
</head>
//Seitenaufbau
</html>[/FELD]
Thanks sind erwünscht.
Ich freue mich euch helfen zu können.
Bitte sagt wenn ihr was nicht versteht, ich fehler gemacht habe oder wenn ich etwas ergänzen soll!
MFG
xDrago