Lieber Leser, in diesem Text wird dir die "Sprache" HTML näher gebracht. Jedoch gilt: Dies ist eine kleine Einleitung, Tipps und Tricks werden ein bisschen erklärt, es gibt jedoch noch viele Weitere. 1. HTML allgemein 1.1 Was nützt mir HTML? Es gibt keine Seite ohne HTML, das ist nicht möglich. In allem steckt mindestens … weiterlesen
1. Aufbau 1.1 Allgemein Ein simples HTML-Dokument besteht aus mehreren Codes, sog. Tags: 1) Doctype-Daten 2) <html> 3) <head>, meistens mit <title> 4) <body> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Titel der Seite</title> </head> <body> Hier folgt dein Website-Text. Wichtig: Alle noch offenen Tags müssen wieder geschlossen werden, was wie folgt … weiterlesen
Wie? Mit der Anweisung position kannst du bestimmen, wie z.B. deine DIV-Box positioniert werden soll. #block { position: absolute; } Erklärung: BLAU = Gibt die DIV-Klasse für block an. ROT = Startet die Positions-Anweisung. GRÜN = Stellt das Element absolute dar, durch die Angaben von left, top, right und bottom (siehe unten) wird es positioniert. … weiterlesen
Legende 1. Wohin mit den Codes? 2. Grundlegendes » 2.1 Zeilenumbruch vs Absatz » 2.1.1 Zeilenumbruch: <br /> » 2.1.2 Absatz <p></p> » 2.2 Textformatierung » 2.2.1 Fett: <b> und </b> » 2.2.2 Kursiv: <i> und </i> » 2.2.3 Unterstrichen: <u> und </u> 3. Weiteres » 3.1 (Hyper)link » 3.2 Bild » 3.3 Kombination: Banner … weiterlesen
Lieber Leser, in diesem Text möchte ich dir die Style-Sprache CSS näher bringen. Jedoch gilt: Dies ist eine kleine Einleitung, Tipps und Tricks werden ein bisschen erklärt, es gibt jedoch noch viele Weitere. Dieses Tutorial lehrt dich weder "Entstehung von CSS" noch "CSS im Style-Tag" noch HTML. HTML-Grundkenntnisse nötig. 1. CSS allgemein 1.1 Was nützt … weiterlesen
Aufbau und Einbinden Anfangs startest du mit der Anweisung für CSS: <style type="text/css"> Danach folgt der Anfang eines Kommentars: <!- Nun kannst du dem wichtigen Teil anfangen, hier das Beispiel, wie die Hintergrundfarbe, die Schrift und die Schriftfarbe geändert werden kann. body { background: #E7E7E7; color: #000000; font: 12px Arial; } Erklärung: ROT = Bestimmt, … weiterlesen
Hintergrundfarbe Mit der Anweisung background-color kannst du bestimmen, welche Hintergrundfarbe ein Element bekommen soll. #box { background-color: #FFCC00; } Erklärung: BLAU = Gibt die DIV-Klasse für box an. ROT = Startet die Hintergrundfarben-Anweisung. GRÜN = Stellt die Hintergrundfarbe des Elements auf die HEX-Farbe #FFCC00. Mehr zu der Definition von HEX-Farben unter http://de.wikipedia.org/wiki/Hexadezimale_Farbdefinition. Eine gute Tabelle … weiterlesen
Schriftart: body { font: 12px Arial, Verdana, ‘Trebuchet MS’; } Erklärung: ROT = Startet die Schriftarten-Anweisung (engl: font). BLAU = Stellt die Schriftgröße auf 12px (Pixel). Kann natürlich geändert werden. ORANGE = Wählt die Schriftarten aus. Können natürlich geändert werden. Arial wird gewählt, ist diese nicht vorhanden, wird Verdana gewählt, sollte diese auch nicht vorhanden … weiterlesen
Du willst mehrere Codes gleichzeitig verwenden? Wir zeigen wie: Falsch: <span style="color:red;"><big><big>Hallo</span></big></big> Richtig: <span style="color:red;"><big><big>Hallo</big></big></span> Auf der Seite: Hallo Erklärung: Verschachtelte Codes müssen in "umgekehrter" Reihenfolge wieder geschlossen werden – einfach die Beispiele genau betrachten.