(+ro) |
KKeine Bearbeitungszusammenfassung |
||
Zeile 12: | Zeile 12: | ||
== HTML-Tags == |
== 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). |
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). |
||
Zeile 182: | Zeile 181: | ||
== HTML-Attribute == |
== HTML-Attribute == |
||
− | |||
Im öffnenden (bzw. einzelnen) Tag können vorgesehene Attribute im Format ''<code><nowiki><foo attribut="wert" attribut2="wert2">___</foo></nowiki></code>'' übergeben werden, so zum Beispiel CSS-Klassen (<code>class="warnung"</code>) oder [[Hilfe:Inline-CSS|CSS-Inline-Styles]] (<code>style="color:pink; background-color:black;"</code>). Bei Tabellen sind sogar im Wikitext-Format HTML-Attribute möglich, siehe [[/Tabellen]] bzw. [[Hilfe:Tabellen#Inline-CSS]]. |
Im öffnenden (bzw. einzelnen) Tag können vorgesehene Attribute im Format ''<code><nowiki><foo attribut="wert" attribut2="wert2">___</foo></nowiki></code>'' übergeben werden, so zum Beispiel CSS-Klassen (<code>class="warnung"</code>) oder [[Hilfe:Inline-CSS|CSS-Inline-Styles]] (<code>style="color:pink; background-color:black;"</code>). Bei Tabellen sind sogar im Wikitext-Format HTML-Attribute möglich, siehe [[/Tabellen]] bzw. [[Hilfe:Tabellen#Inline-CSS]]. |
||
== Mögliche Fehler == |
== Mögliche Fehler == |
||
− | |||
;Abschließenden Tag vergessen |
;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 [[Hilfe:RTE|grafische Editor]] fügt auch mal gelegentlich fehlende schließende Tags eigenmächtig zum Wikitext hinzu, und das nicht unbedingt an die gewollte Stelle! |
: Wird ein Tag nicht richtig abgeschlossen, dann macht der Internetbrowser des Betrachters dies von sich aus automatisch, aber man weiß nicht wo. Und der [[Hilfe:RTE|grafische Editor]] fügt auch mal gelegentlich fehlende schließende Tags eigenmächtig zum Wikitext hinzu, und das nicht unbedingt an die gewollte Stelle! |
||
Zeile 192: | Zeile 189: | ||
;Sich kreuzende HTML-Tags |
;Sich kreuzende HTML-Tags |
||
: Code wie etwa <code style="color:red;" lang="html5" enclose="none"><nowiki><div> … <span > … </div> … </span></nowiki></code> ist '''ungültig'''. Tags können in andere Tags nur komplett geschachtelt werden: <code style="color:green;" lang="html5" enclose="none"><nowiki><div> … <span > … </span> … </div></nowiki></code> |
: Code wie etwa <code style="color:red;" lang="html5" enclose="none"><nowiki><div> … <span > … </div> … </span></nowiki></code> ist '''ungültig'''. Tags können in andere Tags nur komplett geschachtelt werden: <code style="color:green;" lang="html5" enclose="none"><nowiki><div> … <span > … </span> … </div></nowiki></code> |
||
− | :Dies gilt auch bei dem Einsatz in Kombination mit Wikitabellen: Tabellen komplett zwischen die Tags, bzw. Tags komplett in eine Tabellenzelle! |
+ | : Dies gilt auch bei dem Einsatz in Kombination mit Wikitabellen: Tabellen komplett zwischen die Tags, bzw. Tags komplett in eine Tabellenzelle! |
== Siehe auch == |
== Siehe auch == |
||
− | |||
* [[Hilfe:HTML/5|Veraltetes HTML]] |
* [[Hilfe:HTML/5|Veraltetes HTML]] |
||
* [[:MetaWikipedia:Help:HTML in wikitext|HTML im Wikitext <small>(englisch)</small>]] |
* [[:MetaWikipedia:Help:HTML in wikitext|HTML im Wikitext <small>(englisch)</small>]] |
||
* [[:Wikipedia:Wikipedia:Span tags|Information über die Verwendung von Span-Tags <small>(englisch)</small>]] |
* [[:Wikipedia:Wikipedia:Span tags|Information über die Verwendung von Span-Tags <small>(englisch)</small>]] |
||
− | * |
+ | * https://wiki.selfhtml.org |
+ | |||
+ | == Mehr Hilfe == |
||
+ | {{Hilfe/Feedback}} |
||
<small><references /></small> |
<small><references /></small> |
Version vom 24. Februar 2020, 21:09 Uhr
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.[1] 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> | |
<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.
- ↑ Zum Veranschaulichen im Browser mal auf
Ansicht -> Webseitenstil -> Kein Stil