HTML Grundkurs

Grundaufbau

  • Notwendigkeiten
  • Aufbau
  • Der Head
  • Der Body
  • Schrift
  • Links
  • Textpositionierung
  • Tabellen
  • Formulare
  • Bilder

    Zusätzliches

  • Spezielles Text
  • Spezielles Bilder

    Hilfen

  • Uploaden
  • Hilfen
  • Aufbau des HTML

    Einen HTML-Befehl in den spitzigen Klammern nennt man 'Tag' (sprich: Tääg). Grundsätzlich gilt: Jeder Tag hat einen Endtag. Ein Endtag ist eigentlich eine nochmalige Kopie des Tags, allerdings mit einem / nach der öffnenden Spitzklammer.
    Beispiel: <HTML></HTML>

    Der Grundaufbau einer HTML-Seite sieht so aus:

    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY>

    </BODY>
    </HTML>

    Die HTML-Seite hat also einen Kopf (HEAD), einen Körper (BODY) und eine Aura (HTML), die sie umgibt.

    Die Definierung der Seiteninhalte findet vor allem im BODY statt. Im HEAD befinden sich die Infos über die Seite für die Suchmaschinen (Metatags), sowie evtl. Scripts, die für Sondereffekte benötigt werden.

    Ein Anfangtag eröffnet einen Befehl. Dieser Befehl wird bis zum Ende der Seite weitergeführt, wenn er nicht voher durch einen Endtag wieder abgebrochen wird.
    Der Vergleich des HTML-Codes mit einer Zwiebel ist ziemlich bekannt. Jeder Tag hat in der Regel einen Endtag. Darin können nun wieder Tags eingefügt werden.

    Ein Beispiel zur Veranschaulichung:

    Ein Satz soll fett geschrieben sein (HTML-Tags: <B></B>)

    <B>Ein gefetteter Satz</B>
    Ein gefetteter Satz

    Jetzt soll der Satz auch noch kursiv sein (<I></I>)

    <I><B>Dieser Satz ist gefettet und kursiv</B></I>
    Dieser Satz ist gefettet und kursiv

    Oder nur das Wort 'Satz' soll kursiv sein:

    <B>Dieser <I>Satz</I> ist gefettet</B>
    Dieser Satz ist gefettet

    Es sind unzählige Verschachtelungen möglich. Gerade anfangs ist es schwierig, den Ueberblick zu bewahren. Da hilft nur: üben, üben, üben... und eine saubere Code-Gleiderung.

    wieder hoch
     
    erstellt von Nicole Wellinger -