Commputer

Zurück zum Aktivitätsfeld Service

Zurück zum Abschnitt Webdesign-Tutorials

Weiter zum CSS-Tutorial

Einsteigerkenntnisse und Grundvokabular für HTML

  1. Was ist HTML?

    HyperText Markup Language ist die Sprache, in der Inhalte auf einer Website strukturiert und dargestellt werden.
    HTML ist allerdings keine Programmiersprache, wie CSS oder php, sondern eine Textstrukturierungssprache für das Web.

  2. Meta-Ebene / Definitionen

    <html> Definiert den folgenden Code als html-Code
    <head>definiert den eingeschlossenen Bereich als Metaebene</head>
    <body> beginnt den Body, dem Teil indem die Befehle eingegeben werden
    Am Ende des Codes: </body></html> um den body und html zu schließen

  3. Block- und Inline-Elemente

    Ein Blockelement hat nach und vor ihm einen Absatz und bildet somit einen Block.
    Blockelemente sind zum Beispiel Überschriften und Absätze aber auch "div"s.
    Auf Inline-Elemente dagegen kann in der gleichen Zeile ein weiteres folgen, sie bewirken also keinen Absatz.
    Inline-Elemente sind zum Beispiel Links oder Listenelemente .

  1. Links

    <a title="Name beim drüberfahren" href="Ziel"> verlinkter text </a>

  2. Bilder

    <img class="klasse-in-der-css-datei" src="Quelle" alt="name bei mous-over">

  3. Überschriften

    <h1>text</h1> größte Schrift
    <h6>text</h6> kleinste Schrift
    Zu beachten ist, dass automatisch eine Leerzeile nach einer Überschrift folgt und dass die Schriftgröße und -dicke durch die Zahl nach 'h' festgelegt ist !

  4. Normaler Text

    einfach so, aber: neue zeile: <br /> oder <br >
    Zeilenabstand: darüber <p> darunter </p>
    Sonderzeichen nach folgendem System:
    ä: &auml;
    Ü: &Uuml;
    ß: &szlig;
    usw.

  5. Listen

    <ol class="klasse_in_der_css"> Erstellt eine Liste mit (von 1. an) nummerierten Listenpunkten, Listenpunkte mit <li></li>umklammern
    <ul class="klasse_in_der_css"> Erstellt eine Liste mit runden Listenpunkten, Listenpunkte mit <li></li>umklammern

  6. Tabellen

    <table> Beginnt eine Tabelle; <tr> beginnt eine Zeile; </tr> beendet eine Zeile;
    <th> </th> umklammern wiederum die einzelnen Punkte in der obersten Zeile, diese ist fett;
    <td> </td> umklammern dagegen die einzelnen Punkte im Bereich unter der Überschrift der Tabelle;
    </table> schließt die Tabelle.

  7. Formulare
  8. Anker

    Um ein Objekt zu einem Anker zu machen gibt man ihm das Attribut name="toller_name".
    Um zu diesem Anker zu verlinken, verwendet man folgende Verlinkung: <a href="#toller_name" />, man beachte die Raute in der Verlinkung!

  9. Sonstige Elemente

    <hr > Zeichnet eine horizontale Linie
    <!-- -->Sorgt dafür dass du umschlossenen Befehle nicht ausgeführt werden --> Kommentar