RS-AHNEN

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?

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

es werden Vordefinierte Befehle, auch Tags genannt, verwendet
eine HTML-Datei wird mit der Endung htm oder html gespeichert (z. Bsp.: seite1.htm)
der Aufbau der Datei sieht folgendermaßen aus:

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

durch folgende Tags können Sie den Text einfach und schnell auf Ihrer Homepage gestallten

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

durch Verwendung mehrerer Tags können Sie den Text durch unterschiedliche Formgebung hervorheben

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
zum Anfang

Sie können die Schriftart für die komplette Seite festlegen
Sie können die Schriftart für jedes einzelne Wort festlegen

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
zum Anfang

Sie können die Schriftfarbe festlegen
Sie können die Schrifthintergrundfarbe festlegen
(nur für die komplette Seite oder für Tabellen nutzbar)

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