Inoffizielle Hilfe in anderen Sprachen: Hilfe auf Deutsch / Hilfezentrum: Allgemeines

Hilfsleitfaden zu HTML

Hilfsleitfaden zu HTML

Es gibt so viele verschiedenen Plätze auf dem Internetauftritt, auf dem Du unbegrenzt Text einfügen kannst. Dieser Text ist nicht formatiert und würde nie auf eine weitere Zeile springen, wenn Du die Return/Enter-Taste drückst.. Um Deinen Text in weitere Zeilen zu trennen, musst Du <BR> oder <P>-HTML-Markierungen benutzen. Unten ist eine Hauptübersicht der HTML-Markierungen, mit der Du Deinen Text formatieren kannst.

Überschriften
Es gibt 6 Ebenen der Überschriften in HTML. H1 ist sehr hoch gestellt und H2 ist weniger hoch gestellt usw. H6, welches am wenigsten hoch gestellt ist.

Beispiele:

John's Bricks

und hier ein kleinere Überschrift:

John's Bricks

HTML Code:

<H1>John's Bricks</H1>

und hier eine kleinerer Überschrift:

<H2>John's Bricks</H2>

Zeilenumbruch
Um Deinen Text in eine weitere Zeile zu schreiben, wird die Betätigung der Return/Enter-Taste nicht funktionieren. Du musst dafür die <BR>-Markierung benutzen.

Beispiel:

Zeile 1
Zeile 2

HTML Code:

Zeile 1<BR>
Zeile 2

Absatz
Jeden Absatz den Du schreiben möchtest, sollte mit einem <P> beginnen. Das </P> ist optional, anders als die Endmarkierung für Elemente wie z.B. Überschriften.

Beispiel:

Das ist der erste Absatz.

Das ist der zweite Absatz.

HTML Code:

Das ist der erste Absatz.
<P>Das ist der zweite Absatz.

Fettschrift
Du kannst ein oder mehrerer Wörter hervorheben, in dem Du die <B>-Markierung verwendest.

Beispiel:

BrickLink ist ein großartiger Platz!

HTML Code:

BrickLink ist ein <B>großartiger</B> Platz!

Kursivschrift
Du kannst ein oder mehrere Wörter kursiv schreiben, indem Du die <I>-Markierung benutzt.

Beispiel:

BrickLink macht Spaß!

HTML Code:

BrickLink macht <I>Spaß</I>!

Horizontale Linie
Du kannst horizontale Linien, um Abschnitte zu trennen, mit dem Befehl <HR>, hinzufügen.

Beispiel:

Abschnitt #1


Abschnitt #2
HTML Code:

Abschnitt #1
<HR>Abschnitt #2

Bilder
Eine Möglichkeit, um Bilder hinzuzufügen, ist die <IMG>-Markierung zu verwenden. Es ist eine gute Methode, die Höhe und Breite eines Bildes festzulegen. Das kannst Du mit den Attributen WIDTH und HEIGHT des IMG-Befehls einstellen. Wenn Du die Attribute WIDTH und HEIGHT nicht einstellst, laden die Browser das ganze Bild, daß eine Menge Zeit braucht, bis sie es anzeigen. Du kannst auch das Attribute ALT des IMG-Befehls benutzen, um einen alternativen Text anzeigen zu lassen, wenn man mit der Maus über das Bild fährt.

Beispiel:

Kaufe und Verkaufe LEGO(R) auf BrickLink

HTML Code:

<IMG SRC="/images/logos/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Kaufe und Verkaufe LEGO(R) auf BrickLink">

Verknüpfungen
Das Internet ist in der Lage von Seite zu Seite zu springen, indem man Verknüpfungen erstellt, die bei Betätigung der Maus, auf eine weitere Seite leitet. Verknüpfungen werden über den <A>-Befehl definiert. In diesem Beispiel werden wir eine Verknüpfung zu unserer Diskussionsgruppe auf "messageList.asp" definieren. Der Text zwischen dem <A> und dem </A> wird als Beschreibung der Verknüpfung benutzt. Es ist normal, das die Beschriftung in blauen unterstrichenen Text erstellt wird.

Beispiel:

Dies ist eine Verknüpfung zu unserem Diskussionsforum.

HTML Code:

Dies ist eine Verknüpfung zu unserem <A HREF="messageList.asp">Diskussionsforum</A>.

Um eine Verknüpfung zu einer anderen Website zu erstellen, musst Du die komplette Webadresse eingeben (hauptsächlich URL genannt). Um z.B. auf Bricklink zu verweisen, musst Du folgendes schreiben:

Beispiel:

Dies ist eine Verknüpfung zu BrickLink.com.

HTML Code:

Dies ist eine Verknüpfung zu <A HREF="http://www.bricklink.com">BrickLink.com</A>.

Du kannst auch ein Bild zu einer Verknüpfung hinzufügen. Wenn Du das tust, wird das Bild in einem blauen Rand angezeigt. Um den Rahmen auszuschalten, muss der Befehl BORDER=0 des Bildbefeheles geschrieben werden. Die folgende Verknüpfung erlaubt Dir, die Seite über das Bricklink-Logo zu betreten:

Beispiel:

Kaufe und Verkaufe LEGO(R) auf BrickLink

HTML Code:

<A HREF="http://www.bricklink.com"><IMG BORDER="0" SRC="/images/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Kaufe und Verkaufe LEGO(R) auf BrickLink"></A>

Listen
Die am meisten benutzten Listen sind geordnete und ungeordnete Listen. Hier ist ein Beispiel für eine ungeordnete Liste. Es zeigt einen Punkt vor jedem Text in der Liste an:

Example:

Ich akzeptiere folgende Zahlungsmethoden:

  • Banküberweisung
  • Bargeld
  • Zahlunganweisungen
HTML Code:

Ich akzeptiere folgende Zahlungsmethoden:

<UL>
<LI>Banküberweisung
<LI>Bargeld
<LI>Zahlungsanweisungen
</UL>

Hier ist ein Beispeil für eine geordnete Liste. Es zeigt Nummer, die bei 1 beginnen, vor jedem Text in der Liste, an:

Example:

Ich akzeptiere folgende Zahlungsmethoden:

  1. Banküberweisung
  2. Bargeld
  3. Zahlungsanweisungen
HTML Code:

Ich akzeptiere folgende Zahlungsmethoden:

<OL>
<LI>Banküberweisung
<LI>Bargeld
<LI>Zahlungsanweisungen
</OL>

Tabellen
Tabellen werden für Informationen, und auch für das Layout, verwendet. Tabellen bestehen aus mehreren Zeilen und Spalten. Das TABLE-Attribut agiert als Gehäuse für die Tabelle. Das BORDER-Attribut bestimmt die Weite des Rahmens in Pixel. Das TR-Attribut agiert als Gehäuse für jede Tabellenzeile. Das TH- und TD-Attribut agiert als Gehäuse für die Überschrift den Daten. Ein einfaches Beispiel:

Beispiel:

OrtsangabenFrachtgebühr
Europa$10.00
Amerika$5.00
Australien$15.00
HTML Code:

<TABLE BORDER="1">
<TR><TH>Ortsangabe</TH><TH>Frachtkosten</TH></TR>
<TR><TD>Europa</TD><TD>$10.00</TD></TR>
<TR><TD>Amerika</TD><TD>$5.00</TD></TR>
<TR><TD>Australien</TD><TD>$15.00</TD></TR>
</TABLE>