HTML
siehe auch Selfhtml Wiki
Ein Html Dokument ist der HTML-Teil einer Webseite. Darüber hinaus kann eine Webseite CSS-Style Sheets, Javascript, refernzierte Inhalte wie Bilder, Videos und mehr enthalten.
Dokumente / Namensvergabe
HTML-Dokumente bestehen aus Klartext und können daher mit jedem Texteditor erstellt werden. Sie haben die Endung .html oder .htm
Regeln für die Namensvergabe
- Es dürfen keine Sonderzeichen verwendet werden, außer Unterstrich, Bindestrich, Punkt
- Umlaute äüö und ß sollten nicht verwendet werden.
- Es dürfen keine Leerzeichen verwendet werden.
- Groß- und Kleinschreibung wird unterschieden.
- Der Name endet mit .html oder .htm
Elemente
Der Inhalt wird mit HTML-Elementen ausgezeichnet. Fast alle HTML-Elemente haben ein einleitendes und ein schließendes Element. Das schließende Element hat einen Schrägstrich hinter der spitzen Klammer. Zwischen den Elementen, in dem sogenannten Gültigkeitsbereich oder Inhaltsbereich wird der Inhalt notiert.
Man kann die HTML-Elemente sowohl in Großschreibung als auch in Kleinschreibung notieren. Lediglich in XHTML ist Kleinschreibung Pflicht.
Standalone Tags
Es gibt Standalone-Tags, die kein schließendes Endtag benötigen. In XHTML benötigen die Standalone Elemente einen Slash vor der schließenden spitzen Klammer. <br/>.
Die wichtigsten Standalone Elemente sind: br, img, input, hr, meta, link, base, wbr
Optionale Tags
siehe auch meiert
Streng genommen haben Standalone-Elemente einen Endtag, den man jedoch weglassen kann. Der Endtag ist optional. Da Standalone Elemente keinen Inhalt im Gültigkeitsbereich haben, macht ein Endtag hier keinen Sinn.
Es gibt noch weitere HTML Elementen bei denen der Endtag nicht notiert werden muss. Ohne Endtag kann der Quellcode jedoch unübersichtlich werden.
siehe Liste optionale Tags
- (</area>)
- (</base>)
- <body> und </body>
- (</br>)
- </caption>
- (</col>)
- <colgroup> und </colgroup>
- </dd>
- </dt>
- (</embed>)
- <head> und </head>
- (</hr>)
- <html> und </html>
- (</img>)
- (</input>)
- </li>
- (</link>)
- (</meta>)
- </optgroup>
- </option>
- </p>
- (</param>)
- </rp>
- </rt>
- (</source>)
- <tbody> und </tbody>
- </td>
- </tfoot>
- </th>
- </thead>
- </tr>
- (</track>)
- (</wbr>)
Richtiges Verschachteln
siehe auch Selfhtml Wiki
Diese HTML- Elemente können ineinander verschachtelt werden. So entsteht eine hierachische Struktur. Hier muss man die Regel beachten, dass die Endtags in umgekehrter Reihenfolge geschlossen werden, in der sie geöffnet wurden. So wird das innerste Element zuerst geschlossen.
Attribute in Tags
Einleitende Tags können zusätzliche Angaben enthalten. z.B.: lang="de" bedeutet, dass der Elementinhalt deutschsprachig ist. <html lang="de"> Es können mehrere Attribute im einleitenden Tag aufgeführt werden.
Regeln
- Attribute stehen immer im Anfags-Tag.
- Attribute haben einen Namen gefolgt von einem Gleichheitszeichen und einem Wert in Anführungszeichen siehe auch optionale Anführungszeichen
- Zwischen Name, Gleichheitszeichen und Wert sollten keine Leerzeichen stehen.
- Wenn in einem HTML Tag mehrere Attribute stehen, werden sie durch Leerzeichen getrennt. Die Reihenfolge mehrerer Attribute ist frei wählbar.
<a target="_blank" href="index.html">
Alleinstehende Attribute
Alleinstehende Attribute sind Attribute ohne Wertzuweisung.
In XHTML notiert man den Namen als Wert.
HTML
<input checked>
XHTML
<input checked="checked">
Kommentare / nicht sichtbarer Text
Man kann Text in Kommentarzeichen einfügen, damit dieser im Browser nicht sichtbar ist.
<!-- der eigentliche Kommentartext -->
Mehrere Leerzeichen und Zeilenumbrüche sind im Browser auch nicht sichtbar. Sie werden zu einem Leerzeichen zusammengefasst.