Es gibt eine Reihe von Kommandos, die HTML Elementen entsprechen. Diese werden hier zusammen beschrieben, da sie im Prinzip alle die gleichen Parameter haben. Jedes dieser Kommandos entspricht dem entsprechenden HTML Element und ist als Blockkommando umgesetzt.
Das heißt, das innerhalb dieser Kommandos wieder Strukturkommandos verwendet werden können, um so eine HTML Seite aufzubauen.
Eine gute Internetseite zum Thema HTML und CSS ist http://de.selfhtml.org.
Alle diese Kommandos haben zumindest diese Parameter:
Parameter:
- ID: Die ID des Elements, dient zur späteren eindeutigen Identifikation, z.B. zur Formatierung durch CSS.
- CSS Klasse(n): Eine durch Leerzeichen getrennte Liste von CSS Klassennamen für dieses Element. Dient zur Klassifizierung von Elementen und z.B. deren Formatierung durch CSS. So kann man z.B. mehreren Elementen die gleiche Klasse zuweisen und dann im CSS allen Elementen einer Klasse eine bestimmte Formatierung (Farbe, Schriftart etc.) zuweisen.
- Text: Hier kann direkt der innere HTML Markup (oder auch nur Text) des Elements eingegeben werden. Für komplizierteren HTML Markup sollten jedoch im klassischen Stil weitere Unterkommandos definiert werden. Beides kann auch kombiniert werden, obwohl davon aus Gründen der Übersichtlichkeit verzichtet werden sollte. Der Parameter ist nicht für alle Kommandos verfügbar.
- Tooltip: Entspricht dem HTML Attribut titel. Üblicherweise stellt ein Browser diesen Text als Tooltip dar, wenn man mit der Maus über das Element fährt. In dem Text sollten keine Sonderzeichen, die für HTML reserviert sind, vorkommen, bzw. dann mit der entsprechenden Escape Notierung maskiert werden.
- CSS Attribute: Hier können direkt in CSS Notation Formatierungsanweisungen für das Feld eingegeben werden. Ein CSS Attribut wird durch Attributname, gefolgt von einem Doppelpunkt, gefolgt vom Attributwert definiert. Mehrere CSS Attribute können durch Semikolon getrennt aufgelistet werden.
Beispiel: color:red;background-color:grey;font-weight:bold; - Zusätzliche HTML Attribute: Hier können zusätzliche Attributwerte für das Element angegeben werden, die nicht im Kommandoparameter auftauchen. Dabei wird der Inhalt des Parameters direkt am Ende der Attributliste eingefügt. Beispiel: align=“center“ data-my-custom-attribute=“my attribute value“
Hier die Liste der HTML Elementkommandos:
| Kommando | Hinweise |
|---|---|
| <a> | Ein Anker oder Link. Zusätzliche Parameter sind Link (href), der einen Link zu einer anderen Seite bzw. einen Link zu einem Anker auf dieser Seite enthält. Soll auf einen Anker gewiesen werden, ist #Ankername zu schreiben. Der Parameter Ankername dient dazu, einen Anker auf einer Seite zu definieren. Dieser kann von der Seite per #Annkername direkt angesprungen werden, oder über die gesamte URL /path/page/#Ankername angesprochen werden. |
| <button> | Eine Schaltfläche. Zusätzlicher Parameter Icon, dem eine Fontawsome CSS Klasse mitgegeben werden kann, um ein Icon vor dem Text anzuzeigen. (z.B. fa-gear) |
| <body> | Dieses HTML Element hat keinen Parameter |
| <div> | Ein Div Element, Quasi ein Block. |
| <form> | Ein Formularblock |
| <head> | Siehe separate Kommandobeschreibung: <head> |
| <html> | Dieses HTML Element hat keinen Parameter. |
| <li> | Ein Listenelement, ist üblicherweise ein Unterelement von <ul> oder <ol>. |
| <ol> | Eine sortierte Liste (ordered list). |
| <ul> | Eine unsortierte Liste (unordered list). |
| <table> | Erstellt eine Tabelle. Ein zusätzlicher Parameter ist die Rahmendicke. |
| <thead> | Erstellt eine Tabellenüberschrift. |
| <tbody> | Erstellt einen Tabellenkörper. |
| <tfoot> | Erstellt eine Tabellenfußzeile> |
| <tr> | Erstellt eine Tabellenzeile. |
| <th> | Erstellt eine Tabellenzelle in der Überschrift. |
| <td> | Erstellt eine Tabellenzelle im Tabellenkörper. |