HTML-Crash-Kurs

(eine kleine Einführung in HTML-Programmierung)
Diese Seite wurde zuletzt aktualisiert am: 15.02.2012 um 20.30 Uhr

Einleitung
Textgestalltung
Beispiel-Datei
Farbtabelle als PDF
Hauptseite


Aktuelle Unterrichtsunterlagen vom HTML-Kurs Gardelgen

Aktuelle Beispiel-Datei für VHS-Gardelegen , Stunde 1+2+3+4 , Juni 2010


Aktuelle Unterrichtsunterlagen vom HTML-Kurs Salzwedel

Aktuelle Beispiel-Datei für VHS-Salzwedel , Stunde 1+2+3+4 , Februar 2012



Themenauswahl zur HTML-Programmierung
1. Einleitung
1.1 Wie kann man eine HTML-Datei erstellen?
1.2 Wie ist eine HTML-Datei aufgebaut?

2. Textgestalltung
2.1 Formatierung des Textes
2.2 Schriftformen
2.3 Schriftarten
2.4 Farbgestalltung
2.5 Listendarstellung (ist noch im Aufbau!)

3. Tabellengestalltung (ist noch im Aufbau!)
3.1 Tabellen erstellen (ist noch im Aufbau!)
3.2 Textausrichtung in Tabellen (ist noch im Aufbau!)
3.3 Spalten- und Zeilenaufteilung (ist noch im Aufbau!)
3.4 Farbgestalltung von Tabellen (ist noch im Aufbau!)

4. Bilder, Musik und Videos einbinden (ist noch im Aufbau!)
4.1 Bilder einbinden (ist noch im Aufbau!)
4.2 Musik einbinden (ist noch im Aufbau!)
4.3 Videos einbinden (ist noch im Aufbau!)

5. Verknüpfungen (ist noch im Aufbau!)
5.1 Verknüpfungen innerhalb einer Seite (ist noch im Aufbau!)
5.2 Verknüpfungen zu anderen Seiten (ist noch im Aufbau!)
5.3 Verknüpfungen zu anderen Internetseiten (ist noch im Aufbau!)

6. Frames (Rahmen) einsetzen (ist noch im Aufbau!)

7. Weitere interessante Möglichkeiten (ist noch im Aufbau!)



1. Einleitung
1.1 Wie kann man eine HTML-Datei erstellen?
zum Anfang

Eine Internet-Seite kann auf verschiedener Weise erstellt werden.
Zum einen gibt es kleine Programme (sogenannte HOMPEAGE-Programme von Data Becker oder Sybex) mit denen, aus vorgegebenen Vorlagen, Internet-Seiten erstellt werden können.

Zum anderen kann man auch Programme wie MS-Word, MS-Powerpoint oder MS-Publisher zum erstellen von Internet Seiten nutzen.

Leider hat nicht jeder diese Programme auf seinen Computer, aber auch derjenige kann mit einem Editor (z. Bsp. Wordpad oder Edit) eine Internet-Seite erstellen. Dieses ist zwar Mühsam, aber das Ergebnis ist "fast" das gleiche.

Um aber "per Hand" solch eine Internet-Seite zu erstellen braucht man die Kenntnisse zu einigen Befehlen (auch Tag's genannt).

Hier sollen nun diese Befehle vorgestellt werden, damit Sie eine einfache Internet-Seite erstellen können.


1.2 Wie ist eine HTML-Datei aufgebaut?
zum Anfang

HTML-Befehl Was bedeutet er ?
<HTML> Anfangs-Tag einer HTML Datei
    <HEAD> Anfangs-Tag des unsichtbaren Kopfteiles
       <TITLE> Homepage </TITLE> Titelvergabe für die Homepage
    </HEAD> End-Tag des unsichtbaren Kopfteiles
    <BODY> Anfangs-Tag des sichtbaren Teiles
       Willkommen auf meiner Homepage Anzeige der eigentlichen Internetseite
    </BODY> End-Tag des sichtbaren Teiles
</HTML> End-Tag einer HTML Datei




2. Textgestalltung
2.1 Formatierung des Textes
zum Anfang

HTML-Befehl Was bedeutet er ?
<BR> Zeilenumbruch (eine Zeile erzeugen)
<P> Absatz (einen Absatz, mehrere Zeilen, einfügen)
<CENTER>
...Text...
</CENTER>
Zentrieren des Textes in einer Tabelle oder auf der Seite
<DIV align="left">
...Text...
</DIV>
Text Linksbündig setzten
<DIV align="center">
...Text...
</DIV>
Text zentriert setzten
<DIV align="right">
...Text...
</DIV>
Text rechtsbündig setzten
<P align="justify">
...Text...
</P>
Text als Blocksatz setzten



2.2 Schriftformen
zum Anfang

HTML-Befehl Was bedeutet er ?
<H1>...Text... </H1> Überschriften hervorheben; mögliche Werte: H1 bis H6
wobei H1 die größte und H6 die kleinste Schrift darstellt
<B>...Text... </B> einen Text Fett darstellen
<I>...Text... </I> einen Text Kursiv darstellen
<U>...Text... </U> einen Text unterstrichen darstellen
<SUB>...Text... </SUB> einen Text tiefergestellt darstellen
<SUP>...Text... </SUP> einen Text hochgestellt darstellen
<STRIKE>
...Text...
</STRIKE>
einen Text durchgestrichen darstellen




2.3 Schriftarten

HTML-Befehl Was bedeutet er ?
<BASEFONT FACE="arial" SIZE="5"> festlegen der Schriftart (FACE="arial") mit der Schriftgröße 5 (SIZE="5") für die komplette Seite
<FONT FACE="arial" SIZE="5">
...Text...
</FONT>
festlegen der Schriftart (FACE="arial") mit der Schriftgröße 5 (SIZE="5") für ein Wort




2.4 Farbgestalltung

HTML-Befehl Was bedeutet er ?
<FONT COLOR="#ff0000" >
...Text...
</FONT>
festlegen der Schriftfarbe ROT
<BODY BGCOLOR="#ffff00" > festlegen der Hintergrundfarbe GRAU für komplette Seite
<TABLE BGCOLOR="#ffff00" > festlegen der Hintergrundfarbe GRÜN für eine komplette Tabellen
<TR BGCOLOR="#ffff00" > festlegen der Hintergrundfarbe GRÜN für Tabellen-Zeilen-Hintergrund
<TD BGCOLOR="#ffff00" > festlegen der Hintergrundfarbe GRÜN für Tabellen-Zellen-Hintergrund




Zurück zur Hauptseite
germanCGI.de