Änderungen: Hilfe:HTML

Aktuelle Version vom 29. März 2023, 16:13 Uhr

HTML (HyperText Markup Language) ist eine Sprache, die auf Webseiten verwendet wird, um das Layout und den Inhalt zu formatieren. Wiki-Seiten werden im Allgemeinen mit Wikitext und nicht mit HTML verwaltet, sodass nur eine begrenzte Anzahl von HTML-Tags in Artikeln verwendet werden kann.

HTML (und Wikitext) können mit dem Quelltext-Editor von des Editors geschrieben und verwaltet werden.

Grundlagen

Eine Webseite ist im Kern eigentlich nur eine Textdatei, und HTML ist die Syntax, aus welcher ein Webbrowser 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.

Verfügbare HTML-Tags

Die folgende Liste zeigt die HTML-Tags, die verwendet werden können:

<abbr>
<b>*
<bdi>
<bdo>
<blockquote>
<br />
<caption>
<cite>
<code>
<data>*
<dd>*
<del>
<dfn>
<div>
<dl>*
<dt>*
<em>*
<h1>*
<h2>*
<h3>*
<h4>*
<h5>*
<h6>*
<hr>*
<i>*
<ins>
<kbd>
<li>*
<mark>
<ol>*
<p>*
<pre>**
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<table>*
<td>*
<th>*
<time>
<tr>*
<u>
<ul>*
<var>
<wbr />

*Diese Tags sind Wikitext gegenüber gleichwertig aufgestellt, die im Allgemeinen vorzuziehen sind. Siehe #Nutzungshinweis.
**<pre> ist eigentlich ein Parser-Tag. Es wendet das HTML-Tag an, aber es werden auch alle darin enthaltenen Formatierungen außer HTML-Entities umgangen, ähnlich wie bei <nowiki>.

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.

Veraltete HTML-Tags

Veraltete HTML-Tags werden noch funktionieren, aber in zukünftigen Software-Versionen der Browser könnten sie nicht mehr unterstützt werden.

Veraltete Tags
Veralteter Tag	Ersatz	Beispiel	Beispieldarstellung
`<big>`	`<span style="font-size: larger;">`	`<span style="font-size: larger;">groß</span>`	groß
`<center>`	`<div style="text-align: center;">`	`<div style="text-align: center;">zentriertd</div>`	zentriert
`<font color="x" size="y" face="z">`	`<span style="color: x; font-size: y; font-family: z;">`	`<span style="color: red;">Roter Alarm!</span>`	Roter Alarmn!
`<font color="x" size="y" face="z">`	`<span style="color: x; font-size: y; font-family: z;">`	`<span style="font-family: Times New Roman;">Das ist Times New Roman</span>`	Das ist Times New Roman
`<strike>`	`del` (zum Markieren und Bearbeiten)	`<del>Ja</del> Nein`	Ja Nein
`<strike>`	`<s>` (für alles andere)	`Photonentorpedoes <s>44.99€</s> '''jetzt für 24.99€!''' je Stück`	Photonentorpedoes ~~44.99€~~ jetzt für 24.99€! je Stück
`<tt>`	`<code>` (für Quelltext bevorzugt)	`benutze <code> </code>, um Zeilenumbrüche zu verhindern`	benutze ` `, um Zeilenumbrüche zu verhindern
	`<kbd>` (für Benutzereingaben bevorzugt)	`<kbd>mypasswd</kbd>`	`mypasswd`
	`<var>` (für Variablen bevorzugt)	`<var>age</var>=65`	`age`=65
	`<samp>` (für Computer-Ausgaben bevorzugt)	`<samp>Ungültiges Passwort. Bitte versuche es erneut.</samp>`	`Ungültiges Passwort. Bitte versuche es erneut.`
	Ähnliches Aussehen ohne besondere Bedeutung	`<span style="font-family: monospace;">Geschriebener Text</span>`	Geschriebener Text
Horizontale Ausrichtung der Tabellenzellen: `align=X` wo X, ist "left", "center" oder "right" (manchmal ohne Anführungszeichen)	`style="text-align: X;"`	`style="text-align: right;" \| rechtsbündiger Text`	rechtsbündiger Text
Vertikale Ausrichtung der Tabellenzellen: `valign=X` wo X, ist "top", "middle" oder "bottom" (manchmal ohne Anführungszeichen)	`style="vertical-align: X;"`	`style="vertical-align: top;" \| oben ausgerichteter Text`	oben ausgerichteter Text
Hintergrundfarbe der Tabellenzelle `bgcolor=X`	`style="background-color: X;"`	`style="background-color: pink" \| pinker Hintergrund`	pinker Hintergrund

Nutzungshinweis

Nutzerfreundlich gestalten: Die Nutzung von Wikitext wird wann immer es möglich ist empfohlen, weil HTML es allgemein schwerer macht den Text zu lesen und auf neue Benutzer einschüchternd wirken kann. Komplexer Gebrauch von HTML und CSS kann in Vorlagen versteckt werden, wo sie nicht so leicht im normalen Bearbeiten einfach so verschwinden.
Kombination mit CSS: Styling-Informationen können in den CSS-Seiten einer Community gespeichert werden (benutze dafür Code wie class="classname"). Sowohl die CSS-Klassen, als auch Inline-Sytling (style="color: pink;") kann mit den oben aufgeführten HTML-Tags verwendet werden, und diese wiederum können mit verschiedenen Arten von Wikitext, besonders mit Tabellen, Tabellenzeilen und Tabellenzellen benutzt werden. Beachte bitte, dass der Gebrauch von Inline-Styling nur begrenzt verwendet werden sollte.

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 VisualEditor 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

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

[1] Zum Veranschaulichen im Browser mal auf Ansicht → Webseitenstil → Kein Stil

[1]

@@ Zeile 1: / Zeile 1: @@
 {{Hilfebalken}}
+[[File:Code image.png|right|250px|border]]
-{{Wikitext}}
+'''HTML''' (HyperText Markup Language) ist eine Sprache, die auf Webseiten verwendet wird, um das Layout und den Inhalt zu formatieren. Wiki-Seiten werden im Allgemeinen mit [[Hilfe:Wikitext|Wikitext]] und nicht mit HTML verwaltet, sodass nur eine begrenzte Anzahl von HTML-Tags in Artikeln verwendet werden kann.
-Standardmäßig benutzt man beim Bearbeiten in der [[Hilfe:Code-Ansicht|Code-Ansicht]] die spezielle [[Hilfe:Wikitext|Wikitext]]-Syntax. Es gibt aber diversen '''HTML'''-Code, der darin auch funktioniert.
+HTML (und Wikitext) können mit dem Quelltext-Editor von [[Hilfe:Bearbeiten|des Editors]] geschrieben und verwaltet werden.
-Viel komplexer HTML-Code kann in [[Hilfe:Vorlagen|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 Webbrowser eine recht simple Seite aufbaut.<ref>Zum Veranschaulichen im Browser mal auf <code>Ansicht → Webseitenstil → Kein Stil</code></ref> Diese simple Seite wird dann mit [[Hilfe:CSS|CSS]]-Anweisungen weiter gestaltet. Interaktivität wird mittels [[Hilfe:JavaScript|JavaScript]] hinzugefügt.
-Eine Webseite ist im Kern eigentlich nur eine Textdatei, und ''HTML'' ist die Syntax, aus welcher ein Web-Browser eine recht simple Seite aufbaut.<ref>Zum Veranschaulichen im Browser mal auf <code>Ansicht -> Webseitenstil -> Kein Stil</code></ref> Diese simple Seite wird dann mit [[Hilfe:CSS|CSS]]-Anweisungen weiter gestaltet. Interaktivität wird mittels [[Hilfe:JavaScript|JavaScript]] hinzugefügt.
 Die Grundlage von HTML sind ''Tags'', die oft die Form <code><nowiki><foo>___</foo></nowiki></code> haben. HTML-Tags können mehrere weitere Tags oder auch puren Text umschließen. Es gibt auch Tags, die nur aus einer Komponente bestehen (<code><nowiki><bar /></nowiki></code>) und nichts umschließen können.
-== HTML-Tags ==
+== Verfügbare HTML-Tags ==
+Die folgende Liste zeigt die HTML-Tags, die verwendet werden können:
-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).
+<div style="column-count: 3;">
+* <code><nowiki><abbr></nowiki></code>
+* <code><nowiki><b></nowiki></code>*
+* <code><nowiki><bdi></nowiki></code>
+* <code><nowiki><bdo></nowiki></code>
+* <code><nowiki><blockquote></nowiki></code>
+* <code><nowiki><br /></nowiki></code>
+* <code><nowiki><caption></nowiki></code>
+* <code><nowiki><cite></nowiki></code>
+* <code><nowiki><code></nowiki></code>
+* <code><nowiki><data></nowiki></code>*
+* <code><nowiki><dd></nowiki></code>*
+* <code><nowiki><del></nowiki></code>
+* <code><nowiki><dfn></nowiki></code>
+* <code><nowiki><div></nowiki></code>
+* <code><nowiki><dl></nowiki></code>*
+* <code><nowiki><dt></nowiki></code>*
+* <code><nowiki><em></nowiki></code>*
+* <code><nowiki><h1></nowiki></code>*
+* <code><nowiki><h2></nowiki></code>*
+* <code><nowiki><h3></nowiki></code>*
+* <code><nowiki><h4></nowiki></code>*
+* <code><nowiki><h5></nowiki></code>*
+* <code><nowiki><h6></nowiki></code>*
+* <code><nowiki><hr></nowiki></code>*
+* <code><nowiki><i></nowiki></code>*
+* <code><nowiki><ins></nowiki></code>
+* <code><nowiki><kbd></nowiki></code>
+* <code><nowiki><li></nowiki></code>*
+* <code><nowiki><mark></nowiki></code>
+* <code><nowiki><ol></nowiki></code>*
+* <code><nowiki><p></nowiki></code>*
+* <code><nowiki><pre></nowiki></code>**
+* <code><nowiki><q></nowiki></code>
+* <code><nowiki><rp></nowiki></code>
+* <code><nowiki><rt></nowiki></code>
+* <code><nowiki><ruby></nowiki></code>
+* <code><nowiki><s></nowiki></code>
+* <code><nowiki><samp></nowiki></code>
+* <code><nowiki><small></nowiki></code>
+* <code><nowiki><span></nowiki></code>
+* <code><nowiki><strong></nowiki></code>
+* <code><nowiki><sub></nowiki></code>
+* <code><nowiki><sup></nowiki></code>
+* <code><nowiki><table></nowiki></code>*
+* <code><nowiki><td></nowiki></code>*
+* <code><nowiki><th></nowiki></code>*
+* <code><nowiki><time></nowiki></code>
+* <code><nowiki><tr></nowiki></code>*
+* <code><nowiki><u></nowiki></code>
+* <code><nowiki><ul></nowiki></code>*
+* <code><nowiki><var></nowiki></code>
+* <code><nowiki><wbr /></nowiki></code>
+* <code><nowiki><!-- --></nowiki></code>
+</div>
+<nowiki>*</nowiki>Diese Tags sind [[Help:Wikitext|Wikitext]] gegenüber gleichwertig aufgestellt, die im Allgemeinen vorzuziehen sind. Siehe [[#Nutzungshinweis]].<br/>
+<nowiki>**</nowiki><nowiki><pre></nowiki> ist eigentlich ein Parser-Tag. Es wendet das HTML-Tag an, aber es werden auch alle darin enthaltenen Formatierungen außer HTML-Entities umgangen, ähnlich wie bei <nowiki><nowiki></nowiki>.
+== HTML-Attribute ==
-Weitere Tags werden durch [[Hilfe:MediaWiki|MediaWiki]] oder [[Hilfe:Erweiterungen|Erweiterungen]] zur Verfügung gestellt.
+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]].
-{| class="wikitable article-table" style="vertical-align:top;width:30%;float:left;"
-!Tag
+== Veraltete HTML-Tags ==
-!Semantik
+Veraltete HTML-Tags werden noch funktionieren, aber in zukünftigen Software-Versionen der Browser könnten sie nicht mehr unterstützt werden.
+{|class="wikitable"
+|+ Veraltete Tags
 |-
+! scope="col" | Veralteter Tag
-|&lt;abbr&gt;
+! scope="col" | Ersatz
-|Abkürzung (Erklärung per ''title''-[[#HTML-Attribute|Attribut]])
+! scope="col" | Beispiel
+! scope="col" | Beispieldarstellung
 |-
+| <code><nowiki><big></nowiki></code>
-| &lt;b&gt;
+| <code><nowiki><span style="font-size: larger;"></nowiki></code>
-| anders zu stylender Text (als fett)
+| <code><nowiki><span style="font-size: larger;">groß</span></nowiki></code>
+| <span style="font-size: larger;">groß</span>
 |-
+| <code><nowiki><center></nowiki></code>
-| &lt;blockquote&gt;
+| <code><nowiki><div style="text-align: center;"></nowiki></code>
-| Blockzitat
+| <code><nowiki><div style="text-align: center;">zentriertd</div></nowiki></code>
+| <div style="text-align: center;">zentriert</div>
 |-
+| rowspan="2" | <code><nowiki><font color="x" size="y" face="z"></nowiki></code>
-| &lt;br /&gt;
+| rowspan="2" | <code><nowiki><span style="color: x; font-size: y; font-family: z;"></nowiki></code>
-| Zeilenumbruch
+| <code><nowiki><span style="color: red;">Roter Alarm!</span></nowiki></code>
+| <span style="color: red;">Roter Alarmn!</span>
 |-
+| <code><nowiki><span style="font-family: Times New Roman;">Das ist Times New Roman</span></nowiki></code>
-| &lt;caption&gt;
+| <span style="font-family: Times New Roman;">Das ist Times New Roman</span>
-|
-[[Hilfe:HTML/Tabellen|Tabellenüberschrift]]
 |-
+| rowspan="2" | <code><nowiki><strike></nowiki></code>
-| &lt;cite&gt;
+| <code><nowiki>del</nowiki></code> (zum Markieren und Bearbeiten)
-| Referenzangabe
+| <code><nowiki><del>Ja</del> Nein</nowiki></code>
+| <del>Ja</del> Nein
 |-
+| <code><nowiki><s></nowiki></code> (für alles andere)
-| &lt;code&gt;
+| <code><nowiki>Photonentorpedoes <s>44.99€</s> '''jetzt für 24.99€!''' je Stück</nowiki></code>
-| Code
+| Photonentorpedoes <s>44.99€</s> '''jetzt für 24.99€!''' je Stück
 |-
+| rowspan="5" | <code><nowiki><tt></nowiki></code>
-| &lt;data&gt;
+| <code><nowiki><code></nowiki></code> (für Quelltext bevorzugt)
-| maschinenlesbare Daten (Maschinenwert per ''value''-[[#HTML-Attribute|Attribut]])
+| <code>benutze <nowiki><code>&amp;nbsp;</code></nowiki>, um Zeilenumbrüche zu verhindern</code>
+| benutze <code>&amp;nbsp;</code>, um Zeilenumbrüche zu verhindern
 |-
+| <code><nowiki><kbd></nowiki></code> (für Benutzereingaben bevorzugt)
-| &lt;dd&gt;
+| <code><nowiki><kbd>mypasswd</kbd></nowiki></code>
-| Beschreibung in einer [[Hilfe:HTML/Listen|Definitionsliste]]
+| <kbd>mypasswd</kbd>
 |-
+| <code><nowiki><var></nowiki></code> (für Variablen bevorzugt)
-| &lt;del&gt;
+| <code><nowiki><var>age</var>=65</nowiki></code>
-| ungültig gewordener Text
+| <var>age</var>=65
 |-
+| <code><nowiki><samp></nowiki></code> (für Computer-Ausgaben bevorzugt)
-| &lt;dfn&gt;
+| <code><nowiki><samp>Ungültiges Passwort. Bitte versuche es erneut.</samp></nowiki></code>
-| der definierte Teil
+| <samp>Ungültiges Passwort. Bitte versuche es erneut.</samp>
 |-
+| Ähnliches Aussehen ohne besondere Bedeutung
-| '''&lt;div&gt;'''
+| <code><nowiki><span style="font-family: monospace;">Geschriebener Text</span></nowiki></code>
-| '''generische Box (für weitere Verarbeitung)'''
+| <span style="font-family: monospace;">Geschriebener Text</span>
 |-
+| '''Horizontale Ausrichtung der Tabellenzellen:''' <code>align=''X''</code><br/>wo <span style="font-family: monospace, monospace;">''X''</span>, ist <span style="font-family: monospace, monospace;">"left"</span>, <span style="font-family: monospace, monospace;">"center"</span> oder <span style="font-family: monospace, monospace;">"right"</span> (manchmal ohne Anführungszeichen)<br/>
-| &lt;dl&gt;
+| <code>style="text-align: X;"</code>
-| [[Hilfe:HTML/Listen|Definitionsliste]]
+| <code>style="text-align: right;" &#124; rechtsbündiger Text</code>
+| style="text-align: right;" | rechtsbündiger Text
 |-
+| '''Vertikale Ausrichtung der Tabellenzellen:''' <code>valign=''X''</code><br/>wo <span style="font-family: monospace, monospace;">''X''</span>, ist <span style="font-family: monospace, monospace;">"top"</span>, <span style="font-family: monospace, monospace;">"middle"</span> oder <span style="font-family: monospace, monospace;">"bottom"</span> (manchmal ohne Anführungszeichen)
-| &lt;dt&gt;
+| <code>style="vertical-align: X;"</code>
-| Terminus in einer [[Hilfe:HTML/Listen|Definitionsliste]]
+| <code>style="vertical-align: top;" &#124; oben ausgerichteter Text</code>
+| style="vertical-align: top;" | oben ausgerichteter Text
 |-
+| '''Hintergrundfarbe der Tabellenzelle''' <code>bgcolor=''X''</code>
-| &lt;em&gt;
+| <code>style="background-color: X;"</code>
-| hervorgehobener Text
+| <code>style="background-color: pink" &#124; pinker Hintergrund</code>
+| style="background-color: pink" | pinker Hintergrund
 |}
-{| class="wikitable article-table" style="vertical-align:top;width:30%;float:left;"
-! Tag
-! Semantik
-|-
-| &lt;h1&gt;
-| Oberste Überschrift
-|-
-| &lt;h2&gt;
-| Standardüberschrift
-|-
-| &lt;h3&gt;
-| Unterüberschrift
-|-
-| &lt;h4&gt;
-| Unterüberschrift
-|-
-| &lt;h5&gt;
-| Unterüberschrift
-|-
-| &lt;h6&gt;
-| Unterüberschrift
-|-
-| &lt;hr&gt;
-| Themenwechsel (als Linie)
-|-
-| &lt;i&gt;
-| hervorgehobene Sprache (als kursiv)
-|-
-| &lt;ins&gt;
-| später hinzugefügter Text
-|-
-| &lt;kbd&gt;
-| Tastatureingaben
-|-
-| &lt;li&gt;
-| [[Hilfe:HTML/Listen|Listenpunkt]]
-|-
-| &lt;mark&gt;
-| Markierungen zB in Suchergebnissen
-|-
-| &lt;ol&gt;
-| [[Hilfe:HTML/Listen|Aufzählende Liste]]
-|-
-| &lt;p&gt;
-| Paragraph
-|-
-| '''&lt;pre&gt;'''
-| '''vorformatierter Text (wysiwyg)'''
-|-
-| &lt;q&gt;
-| Zitat im Text
-|-
-| &lt;rp&gt;
-| Ersatzklammern, wenn kein unterstütztes &lt;ruby&gt;
-|-
-| &lt;rt&gt;
-|Aussprache eines asiatischen Zeichens
-|}
-{| class="wikitable article-table" style="vertical-align:top;width:30%;float:left;"
-! Tag
-! Semantik
-|-
-| &lt;ruby&gt;
-|Erläuterung von asiatischer Aussprache
-|-
-| &lt;s&gt;
-|gestrichener Text
-|-
-| &lt;samp&gt;
-|Beispiel-Output
-|-
-| &lt;small&gt;
-|Nebenbemerkungen / Kleindruck
-|-
-| '''&lt;span&gt;'''
-|'''generische Textmarkierung (für weitere Verarbeitung)'''
-|-
-| &lt;strong&gt;
-|wichtiger Text
-|-
-| &lt;sub&gt;
-|niedriggestellter Text
-|-
-| &lt;sup&gt;
-|hochgestellter Text
-|-
-| &lt;table&gt;
-|[[Hilfe:HTML/Tabellen|Tabelle]]
-|-
-| &lt;td&gt;
-|[[Hilfe:HTML/Tabellen|Tabellenzelle]]
-|-
-| &lt;th&gt;
-|[[Hilfe:HTML/Tabellen|Tabellenkopfzelle]]
-|-
-| &lt;time&gt;
-|Uhrzeit oder Datum (Maschinenwert alternativ per ''datetime''-[[#HTML-Attribute|Attribut]])
-|-
-| &lt;tr&gt;
-|Tabellenzeile
-|-
-| &lt;u&gt;
-|falsch geschriebene Wörter (als unterstrichen)
-|-
-| &lt;ul&gt;
-|[[Hilfe:HTML/Listen|unsortierte Liste]]
-|-
-| &lt;var&gt;
-|Variable in Code oder Mathematik
-|-
-| '''&lt;!-- ... --&gt;'''
-| '''Unsichtbarer Kommentar'''
-|}
-<br style="clear:both;" />
-== HTML-Attribute ==
+== Nutzungshinweis ==
+; Nutzerfreundlich gestalten
-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]].
+: Die Nutzung von [[Hilfe:Wikitext|Wikitext]] wird wann immer es möglich ist empfohlen, weil HTML es allgemein schwerer macht den Text zu lesen und auf neue Benutzer einschüchternd wirken kann. Komplexer Gebrauch von HTML und CSS kann in [[Hilfe:Vorlagen|Vorlagen]] versteckt werden, wo sie nicht so leicht im normalen Bearbeiten einfach so verschwinden.
+; Kombination mit CSS
+: Styling-Informationen können in den [[Hilfe:CSS und JS einer Community|CSS-Seiten einer Community]] gespeichert werden (benutze dafür Code wie <code>class="classname"</code>). Sowohl die CSS-Klassen, als auch Inline-Sytling (<code>style="color: pink;"</code>) kann mit den oben aufgeführten HTML-Tags verwendet werden, und diese wiederum können mit verschiedenen Arten von Wikitext, besonders mit [[Hilfe:Tabellen|Tabellen, Tabellenzeilen und Tabellenzellen]] benutzt werden. Beachte bitte, dass der Gebrauch von Inline-Styling nur begrenzt verwendet werden sollte.
 == 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 [[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:VisualEditor|VisualEditor]] 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
@@ Zeile 192: / Zeile 163: @@
 == Siehe auch ==
-* [[Hilfe:HTML/5|Veraltetes HTML]]
+* [[Hilfe:HTML/5|Weitere Beispiele von veralteten HTML]]
+* [[Hilfe:Tabellen]]
+* [[Hilfe:Bearbeiten]]
 * [[: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>]]
@@ Zeile 202: / Zeile 175: @@
 <small><references /></small>
-[[be:Даведка:HTML]]
+[[be:Help:HTML]]
 [[en:Help:HTML]]
 [[es:Ayuda:HTML]]
 [[fr:Aide:HTML]]
+[[hi:सहायता:HTML]]
 [[it:Aiuto:HTML]]
 [[ja:ヘルプ:HTML]]