Hilfe:HTML

Wiki-Code

Der folgende Text betrifft das Schreiben von Wiki-Syntax, die in einem Quelltexteditor eingegeben werden muss.

Standardmäßig benutzt man beim Bearbeiten in der Code-Ansicht die spezielle Wikitext-Syntax. Es gibt aber diversen HTML-Code, der darin auch funktioniert.

Viel komplexer HTML-Code kann in Vorlagen ausgelagert werden, damit durchschnittliche Benutzer nicht davon abgeschreckt werden.

Grundlagen

Eine Webseite ist im Kern eigentlich nur eine Textdatei, und HTML ist die Syntax, aus welcher ein Web-Browser eine recht simple Seite aufbaut. Diese simple Seite wird dann mit CSS-Anweisungen weiter gestaltet. Interaktivität wird mittels JavaScript hinzugefügt.

Die Grundlage von HTML sind Tags, die oft die Form <foo>___</foo> haben. HTML-Tags können mehrere weitere Tags oder auch puren Text umschließen. Es gibt auch Tags, die nur aus einer Komponente bestehen (<bar />) und nichts umschließen können.

HTML-Tags

Die untenstehenden HTML-Tags können im Wikitext verwendet werden. Jeder Tag hat eine bestimmte semantische Bedeutung und ist für einen bestimmten Inhaltstyp vorgesehen (nicht immer zutreffend).

Weitere Tags werden durch MediaWiki oder Erweiterungen zur Verfügung gestellt.

Tag	Semantik
<abbr>	Abkürzung (Erklärung per title-Attribut)
<b>	anders zu stylender Text (als fett)
<blockquote>	Blockzitat
<br />	Zeilenumbruch
<caption>	Tabellenüberschrift
<cite>	Referenzangabe
<code>	Code
<data>	maschinenlesbare Daten (Maschinenwert per value-Attribut)
<dd>	Beschreibung in einer Definitionsliste
<del>	ungültig gewordener Text
<dfn>	der definierte Teil
<div>	generische Box (für weitere Verarbeitung)
<dl>	Definitionsliste
<dt>	Terminus in einer Definitionsliste
<em>	hervorgehobener Text

Tag	Semantik
<h1>	Oberste Überschrift
<h2>	Standardüberschrift
<h3>	Unterüberschrift
<h4>	Unterüberschrift
<h5>	Unterüberschrift
<h6>	Unterüberschrift
<hr>	Themenwechsel (als Linie)
<i>	hervorgehobene Sprache (als kursiv)
<ins>	später hinzugefügter Text
<kbd>	Tastatureingaben
<li>	Listenpunkt
<mark>	Markierungen zB in Suchergebnissen
<ol>	Aufzählende Liste
<p>	Paragraph
<pre>	vorformatierter Text (wysiwyg)
<q>	Zitat im Text
<rp>	Ersatzklammern, wenn kein unterstütztes <ruby>
<rt>	Aussprache eines asiatischen Zeichens

Tag	Semantik
<ruby>	Erläuterung von asiatischer Aussprache
<s>	gestrichener Text
<samp>	Beispiel-Output
<small>	Nebenbemerkungen / Kleindruck
<span>	generische Textmarkierung (für weitere Verarbeitung)
<strong>	wichtiger Text
<sub>	niedriggestellter Text
<sup>	hochgestellter Text
<table>	Tabelle
<td>	Tabellenzelle
<th>	Tabellenkopfzelle
<time>	Uhrzeit oder Datum (Maschinenwert alternativ per datetime-Attribut)
<tr>	Tabellenzeile
<u>	falsch geschriebene Wörter (als unterstrichen)
<ul>	unsortierte Liste
<var>	Variable in Code oder Mathematik
<!-- ... -->	Unsichtbarer Kommentar

HTML-Attribute

Im öffnenden (bzw. einzelnen) Tag können vorgesehene Attribute im Format <foo attribut="wert" attribut2="wert2">___</foo> übergeben werden, so zum Beispiel CSS-Klassen (class="warnung") oder CSS-Inline-Styles (style="color:pink; background-color:black;"). Bei Tabellen sind sogar im Wikitext-Format HTML-Attribute möglich, siehe /Tabellen bzw. Hilfe:Tabellen#Inline-CSS.

Mögliche Fehler

Abschließenden Tag vergessen

Wird ein Tag nicht richtig abgeschlossen, dann macht der Internetbrowser des Betrachters dies von sich aus automatisch, aber man weiß nicht wo. Und der grafische Editor fügt auch mal gelegentlich fehlende schließende Tags eigenmächtig zum Wikitext hinzu, und das nicht unbedingt an die gewollte Stelle!

Sich kreuzende HTML-Tags

Code wie etwa <div> … <span > … </div> … </span> ist ungültig. Tags können in andere Tags nur komplett geschachtelt werden: <div> … <span > … </span> … </div>

Dies gilt auch bei dem Einsatz in Kombination mit Wikitabellen: Tabellen komplett zwischen die Tags, bzw. Tags komplett in eine Tabellenzelle!

Siehe auch

• Veraltetes HTML
• HTML im Wikitext (englisch)
• Information über die Verwendung von Span-Tags (englisch)
• https://wiki.selfhtml.org

Mehr Hilfe

• Ein Stichwortverzeichnis zu verschiedensten Hilfeseiten findest du auf Hilfe:Index.
• Einen geordneten Einstieg zur Hilfe gibt es auf der Seite Hilfe:Übersicht.
• Fragen an andere Benutzer kannst du in den Diskussionen des Community-Wikis stellen.
• Anmerkungen zu dieser Hilfeseite kannst du auf der dazugehörigen Diskussionsseite hinterlassen.
• Um Fehler zu melden, kontaktiere bitte einen Ansprechpartner oder nutze das entsprechende Kontaktformular.