Changes: Help:HTML

Revision as of 07:03, 1 December 2019

Location Source — How to access source mode in the classic editor

HTML (Hypertext Markup Language) is a language used on websites to format the layout and content. Wiki pages are generally managed by wikitext rather than HTML, so only a limited number of HTML tags can be used on articles.

HTML (and wikitext) can be written and managed while using the editor's source mode.

Available HTML tags

The following HTML tags can be used on articles. Deprecated HTML tags will still work, but they may not in future software versions or browsers.

<abbr>
<acronym> (deprecated)
<b>
<big> (deprecated)
<blockquote>
<br />
<caption>
<center> (deprecated)
<cite>
<code>
<dd>
<del>
<dfn>
<div>
<dl>
<dt>
<em>
<font> (deprecated)
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<hr>
<i>
<ins>
<li>
<ol>
<p>
<pre>
<q>
<rb>
<rp>
<rt>
<ruby>
<s>
<small>
<span>
<strike> (deprecated)
<strong>
<sub>
<sup>
<table>
<td>
<th>
<tr>
<tt> (deprecated)
<u>
<ul>
<var>
 (displayed as in visual mode)

Usage notes

Keep it friendly: The use of wikitext is recommended wherever possible, as HTML generally makes the text in the edit box harder to read and more intimidating for new users. Complex uses of HTML and CSS can be hidden away in templates where they are less likely to get in the way of the casual editor.
Combine it with CSS: Styling information can be stored in community CSS pages (using code like class="classname"). Both CSS classes and inline styling (style="color: pink;") can be used with the HTML tags listed above, and they can also be used with many types of wikitext, particularly tables, table rows and cells. However, please keep in mind that use of inline styling should be limited, as it can cause conflicts with the mobile experience of your community.

Further help and feedback

Browse and search other help pages at Help:Contents
Check Fandom Community Central for sources of further help and support
Check Contacting Fandom for how to report any errors or unclear steps in this article

@@ Line 1: / Line 1: @@
-[[File:Code_image.png|right|258px|border]][[File:Location_Source.png|thumb|250px|How to access source mode in the editor]]
+[[File:Code image.png|right|250px|border]]
+[[File:Location Source.png|thumb|250px|How to access source mode in the [[Help:Classic editor|classic editor]]]]
-'''HTML (Hypertext Markup Language)''' is a language used on websites to format the layout and content. Wiki pages are generally managed by [[Help:Wikitext|wikitext]] rather than HTML, however, so only a limited number of HTML tags can be used on articles.
+'''HTML''' (Hypertext Markup Language) is a language used on websites to format the layout and content. Wiki pages are generally managed by [[Help:Wikitext|wikitext]] rather than HTML, so only a limited number of HTML tags can be used on articles.
 HTML (and wikitext) can be written and managed while using [[Help:Editing|the editor]]'s source mode.
-==HTML tags that can be used on Wikia==
+==Available HTML tags==
-The following HTML tags can be used on articles:
+The following HTML tags can be used on articles. Deprecated HTML tags will still work, but they may not in future software versions or browsers.
+<div style="column-count: 3;">
-{| class="article-table" width="100%"
+* <code><nowiki><abbr></nowiki></code>
-| width="33%" |
-* <nowiki><abbr></nowiki>
+* <code><nowiki><acronym></nowiki></code> ''(deprecated)''
-* <nowiki><acronym></nowiki> ''(deprecated)''
+* <code><nowiki><b></nowiki></code>
-* <nowiki><b></nowiki>
+* <code><nowiki><big></nowiki></code> ''(deprecated)''
-* <nowiki><big></nowiki> ''(deprecated)''
+* <code><nowiki><blockquote></nowiki></code>
-* <nowiki><blockquote></nowiki>
+* <code><nowiki><br /></nowiki></code>
-* <nowiki><br /></nowiki>
+* <code><nowiki><caption></nowiki></code>
-* <nowiki><caption></nowiki>
+* <code><nowiki><center></nowiki></code> ''(deprecated)''
-* <nowiki><center></nowiki> ''(deprecated)''
+* <code><nowiki><cite></nowiki></code>
-* <nowiki><cite></nowiki>
+* <code><nowiki><code></nowiki></code>
-* <nowiki><code></nowiki>
+* <code><nowiki><dd></nowiki></code>
-* <nowiki><dd></nowiki>
+* <code><nowiki><del></nowiki></code>
-* <nowiki><del></nowiki>
+* <code><nowiki><dfn></nowiki></code>
-* <nowiki><div></nowiki>
+* <code><nowiki><div></nowiki></code>
-* <nowiki><dl></nowiki>
+* <code><nowiki><dl></nowiki></code>
-* <nowiki><dt></nowiki>
+* <code><nowiki><dt></nowiki></code>
-* <nowiki><em></nowiki>
+* <code><nowiki><em></nowiki></code>
-* <nowiki><font></nowiki> ''(deprecated)''
+* <code><nowiki><font></nowiki></code> ''(deprecated)''
+* <code><nowiki><h1></nowiki></code>
-| width="33%" |
-* <nowiki><h1></nowiki>
+* <code><nowiki><h2></nowiki></code>
-* <nowiki><h2></nowiki>
+* <code><nowiki><h3></nowiki></code>
-* <nowiki><h3></nowiki>
+* <code><nowiki><h4></nowiki></code>
-* <nowiki><h4></nowiki>
+* <code><nowiki><h5></nowiki></code>
-* <nowiki><h5></nowiki>
+* <code><nowiki><h6></nowiki></code>
-* <nowiki><h6></nowiki>
+* <code><nowiki><hr></nowiki></code>
-* <nowiki><hr></nowiki>
+* <code><nowiki><i></nowiki></code>
-* <nowiki><i></nowiki>
+* <code><nowiki><ins></nowiki></code>
-* <nowiki><ins></nowiki>
+* <code><nowiki><li></nowiki></code>
-* <nowiki><li></nowiki>
+* <code><nowiki><ol></nowiki></code>
-* <nowiki><ol></nowiki>
+* <code><nowiki><p></nowiki></code>
-* <nowiki><p></nowiki>
+* <code><nowiki><pre></nowiki></code>
-* <nowiki><pre></nowiki>
+* <code><nowiki><q></nowiki></code>
-* <nowiki><q></nowiki>
+* <code><nowiki><rb></nowiki></code>
-* <nowiki><rb></nowiki>
+* <code><nowiki><rp></nowiki></code>
-* <nowiki><rp></nowiki>
+* <code><nowiki><rt></nowiki></code>
-* <nowiki><rt></nowiki>
+* <code><nowiki><ruby></nowiki></code>
+* <code><nowiki><s></nowiki></code>
-| width="33%" |
-* <nowiki><ruby></nowiki>
+* <code><nowiki><small></nowiki></code>
-* <nowiki><s></nowiki>
+* <code><nowiki><span></nowiki></code>
-* <nowiki><small></nowiki>
+* <code><nowiki><strike></nowiki></code> ''(deprecated)''
-* <nowiki><span></nowiki>
+* <code><nowiki><strong></nowiki></code>
-* <nowiki><strike></nowiki> ''(deprecated)''
+* <code><nowiki><sub></nowiki></code>
-* <nowiki><strong></nowiki>
+* <code><nowiki><sup></nowiki></code>
-* <nowiki><sub></nowiki>
+* <code><nowiki><table></nowiki></code>
-* <nowiki><sup></nowiki>
+* <code><nowiki><td></nowiki></code>
-* <nowiki><table></nowiki>
+* <code><nowiki><th></nowiki></code>
-* <nowiki><td></nowiki>
+* <code><nowiki><tr></nowiki></code>
-* <nowiki><th></nowiki>
+* <code><nowiki><tt></nowiki></code> ''(deprecated)''
-* <nowiki><tr></nowiki>
+* <code><nowiki><u></nowiki></code>
-* <nowiki><tt></nowiki> ''(deprecated)''
+* <code><nowiki><ul></nowiki></code>
-* <nowiki><u></nowiki>
+* <code><nowiki><var></nowiki></code>
+* <code><nowiki><!-- ... --></nowiki></code> ''(displayed as [[File:Comment Icon.png|Comments|link=]] in visual mode)''
-* <nowiki><ul></nowiki>
+</div>
-* <nowiki><var></nowiki>
-* <nowiki><!-- ... --></nowiki> ''(displayed as [[File:Comment_Icon.png|Comments|link=]] in visual mode)''
-|}
-==Usage Notes==
-;Keep it friendly
-:The use of [[Help:Wikitext|wikitext]] is recommended wherever possible, as HTML makes the text in the edit box harder to read and more intimidating for new users.  Complex uses of HTML and CSS can be hidden away in [[Help:Templates|templates]] where they are less likely to get in the way of the casual editor.
+== Usage notes ==
-;Combine it with CSS
+; Keep it friendly
-:CSS classes (<code>class="classname"</code>) can be stored in [[Help:CSS|site stylesheets]]. Both classes and CSS inline styles (style="color:pink;") can be used with the HTML tags listed above, but note that classes and styles can also be used with many types of wikitext, especially [[Help:Tables|tables, table rows and cells]].
+: The use of [[Help:Wikitext|wikitext]] is recommended wherever possible, as HTML generally makes the text in the edit box harder to read and more intimidating for new users. Complex uses of HTML and CSS can be hidden away in [[Help:Templates|templates]] where they are less likely to get in the way of the casual editor.
+; Combine it with CSS
+: Styling information can be stored in [[Help:Community CSS and JS|community CSS pages]] (using code like <code>class="classname"</code>). Both CSS classes and inline styling (<code>style="color: pink;"</code>) can be used with the HTML tags listed above, and they can also be used with many types of wikitext, particularly [[Help:Tables|tables, table rows and cells]]. However, please keep in mind that [[w:c:portability:Why you should avoid inline styles|use of inline styling should be limited]], as it can cause conflicts with the mobile experience of your community.
-==See also==
+== See also ==
-*[[Help:Tables|Help with tables]]
+* [[Help:Tables|Tables]]
-*[[Help:Editing|Editing]]
+* [[Help:Editing|Editing]]
-*{{#NewWindowLink:MetaWikipedia:Help:Editing|Wikimedia's help page}}
+* [[m:Help:Editing|Wikimedia's help page]]
-*{{#NewWindowLink:MetaWikipedia:Help:HTML in wikitext|Using HTML in Wikitext}}
+* [[m:Help:HTML in wikitext|Using HTML in Wikitext]]
-*{{#NewWindowLink:Wikipedia:Wikipedia:Span tags|Information on using span tags}}
+* [[wikipedia:Wikipedia:Span tags|Information on using span tags]]
-==Further help & feedback==
+== Further help and feedback ==
 {{Help and feedback section}}
+[[be:Даведка:HTML]]
 [[de:Hilfe:HTML]]
 [[es:Ayuda:HTML]]
@@ Line 88: / Line 85: @@
 [[it:Aiuto:HTML]]
 [[ja:ヘルプ:HTML]]
+[[ko:도움말:HTML]]
 [[nl:Help:HTML]]
 [[pl:Pomoc:HTML]]
+[[pt:Ajuda:HTML]]
+[[ro:Ajutor:HTML]]
 [[ru:Справка:HTML]]
+[[tr:Yardım:HTML]]
+[[uk:Довідка:HTML]]
+[[vi:Trợ giúp:HTML]]
 [[zh:Help:HTML]]
 [[Category:Code help]]
 [[Category:Editing]]
 [[Category:Help]]
 [[Category:Source editing]]
+[[Category:Tools & shortcuts]]