(Move clarification lower) Tag: Help |
(→Available HTML tags: Marked tags that have wikitext equivalents, and added a note that it's generally preferable to do that) |
||
(2 intermediate revisions by 2 users not shown) | |||
Line 9: | Line 9: | ||
<div style="column-count: 3;"> |
<div style="column-count: 3;"> |
||
* <code><nowiki><abbr></nowiki></code> |
* <code><nowiki><abbr></nowiki></code> |
||
− | * <code><nowiki><b></nowiki></code> |
+ | * <code><nowiki><b></nowiki></code>* |
* <code><nowiki><blockquote></nowiki></code> |
* <code><nowiki><blockquote></nowiki></code> |
||
* <code><nowiki><br /></nowiki></code> |
* <code><nowiki><br /></nowiki></code> |
||
Line 15: | Line 15: | ||
* <code><nowiki><cite></nowiki></code> |
* <code><nowiki><cite></nowiki></code> |
||
* <code><nowiki><code></nowiki></code> |
* <code><nowiki><code></nowiki></code> |
||
− | * <code><nowiki><dd></nowiki></code> |
+ | * <code><nowiki><dd></nowiki></code>* |
* <code><nowiki><del></nowiki></code> |
* <code><nowiki><del></nowiki></code> |
||
* <code><nowiki><dfn></nowiki></code> |
* <code><nowiki><dfn></nowiki></code> |
||
* <code><nowiki><div></nowiki></code> |
* <code><nowiki><div></nowiki></code> |
||
− | * <code><nowiki><dl></nowiki></code> |
+ | * <code><nowiki><dl></nowiki></code>* |
− | * <code><nowiki><dt></nowiki></code> |
+ | * <code><nowiki><dt></nowiki></code>* |
− | * <code><nowiki><em></nowiki></code> |
+ | * <code><nowiki><em></nowiki></code>* |
− | * <code><nowiki><h1></nowiki></code> |
+ | * <code><nowiki><h1></nowiki></code>* |
− | * <code><nowiki><h2></nowiki></code> |
+ | * <code><nowiki><h2></nowiki></code>* |
− | * <code><nowiki><h3></nowiki></code> |
+ | * <code><nowiki><h3></nowiki></code>* |
− | * <code><nowiki><h4></nowiki></code> |
+ | * <code><nowiki><h4></nowiki></code>* |
− | * <code><nowiki><h5></nowiki></code> |
+ | * <code><nowiki><h5></nowiki></code>* |
− | * <code><nowiki><h6></nowiki></code> |
+ | * <code><nowiki><h6></nowiki></code>* |
− | * <code><nowiki><hr></nowiki></code> |
+ | * <code><nowiki><hr></nowiki></code>* |
− | * <code><nowiki><i></nowiki></code> |
+ | * <code><nowiki><i></nowiki></code>* |
* <code><nowiki><ins></nowiki></code> |
* <code><nowiki><ins></nowiki></code> |
||
* <code><nowiki><kbd></nowiki></code> |
* <code><nowiki><kbd></nowiki></code> |
||
− | * <code><nowiki><li></nowiki></code> |
+ | * <code><nowiki><li></nowiki></code>* |
− | * <code><nowiki><ol></nowiki></code> |
+ | * <code><nowiki><ol></nowiki></code>* |
− | * <code><nowiki><p></nowiki></code> |
+ | * <code><nowiki><p></nowiki></code>* |
− | * <code><nowiki><pre></nowiki></code>* |
+ | * <code><nowiki><pre></nowiki></code>** |
* <code><nowiki><q></nowiki></code> |
* <code><nowiki><q></nowiki></code> |
||
* <code><nowiki><rb></nowiki></code> |
* <code><nowiki><rb></nowiki></code> |
||
Line 48: | Line 48: | ||
* <code><nowiki><sub></nowiki></code> |
* <code><nowiki><sub></nowiki></code> |
||
* <code><nowiki><sup></nowiki></code> |
* <code><nowiki><sup></nowiki></code> |
||
− | * <code><nowiki><table></nowiki></code> |
+ | * <code><nowiki><table></nowiki></code>* |
− | * <code><nowiki><td></nowiki></code> |
+ | * <code><nowiki><td></nowiki></code>* |
− | * <code><nowiki><th></nowiki></code> |
+ | * <code><nowiki><th></nowiki></code>* |
− | * <code><nowiki><tr></nowiki></code> |
+ | * <code><nowiki><tr></nowiki></code>* |
* <code><nowiki><u></nowiki></code> |
* <code><nowiki><u></nowiki></code> |
||
− | * <code><nowiki><ul></nowiki></code> |
+ | * <code><nowiki><ul></nowiki></code>* |
* <code><nowiki><var></nowiki></code> |
* <code><nowiki><var></nowiki></code> |
||
* <code><nowiki><!-- --></nowiki></code> |
* <code><nowiki><!-- --></nowiki></code> |
||
</div> |
</div> |
||
+ | <nowiki>*</nowiki>These tags have equivalent [[Help:Wikitext|wikitext]] markup, which is generally preferable. See [[#Usage notes]].<br/> |
||
− | <nowiki>*</nowiki> |
+ | <nowiki>**</nowiki><nowiki><pre></nowiki> is actually a parser tag. It applies the HTML tag but also escapes any markup inside except HTML entities, similar to <nowiki><nowiki></nowiki>. |
== Deprecated HTML tags == |
== Deprecated HTML tags == |
||
Line 68: | Line 69: | ||
! scope="col" | Example |
! scope="col" | Example |
||
! scope="col" | Example display |
! scope="col" | Example display |
||
+ | |- |
||
+ | | <code><nowiki><big></nowiki></code> || <code><nowiki><span style="font-size: larger;"></nowiki></code> |
||
+ | | <code><nowiki><span style="font-size: larger;">big</span></nowiki></code> || <span style="font-size: larger;">big</span> |
||
|- |
|- |
||
| <code><nowiki><center></nowiki></code> || <code><nowiki><div style="text-align: center;"></nowiki></code> |
| <code><nowiki><center></nowiki></code> || <code><nowiki><div style="text-align: center;"></nowiki></code> |
||
Line 82: | Line 86: | ||
| <code><nowiki><s></nowiki></code> (for anything else) || <code><nowiki>Photon Torpedoes <s>$44.99</s> '''now just $24.99!''' each</nowiki></code> || Photon Torpedoes <s>$44.99</s> '''now just $24.99!''' each |
| <code><nowiki><s></nowiki></code> (for anything else) || <code><nowiki>Photon Torpedoes <s>$44.99</s> '''now just $24.99!''' each</nowiki></code> || Photon Torpedoes <s>$44.99</s> '''now just $24.99!''' each |
||
|- |
|- |
||
− | | rowspan="5" | <code><nowiki><tt></nowiki></code> || <code><nowiki><code></nowiki></code> preferred for source code) |
+ | | rowspan="5" | <code><nowiki><tt></nowiki></code> || <code><nowiki><code></nowiki></code> (preferred for source code) |
| <code>use <nowiki><code>&nbsp;</code></nowiki> for nonbreaking space</code> ||style="background-color:#efefef;"| use <code>&nbsp;</code> for nonbreaking space |
| <code>use <nowiki><code>&nbsp;</code></nowiki> for nonbreaking space</code> ||style="background-color:#efefef;"| use <code>&nbsp;</code> for nonbreaking space |
||
|- |
|- |
Revision as of 01:31, 24 February 2021
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 editor.
Available HTML tags
The following HTML tags can be used on articles:
<abbr>
<b>
*<blockquote>
<br />
<caption>
<cite>
<code>
<dd>
*<del>
<dfn>
<div>
<dl>
*<dt>
*<em>
*<h1>
*<h2>
*<h3>
*<h4>
*<h5>
*<h6>
*<hr>
*<i>
*<ins>
<kbd>
<li>
*<ol>
*<p>
*<pre>
**<q>
<rb>
<rp>
<rt>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<table>
*<td>
*<th>
*<tr>
*<u>
<ul>
*<var>
<!-- -->
*These tags have equivalent wikitext markup, which is generally preferable. See #Usage notes.
**<pre> is actually a parser tag. It applies the HTML tag but also escapes any markup inside except HTML entities, similar to <nowiki>.
Deprecated HTML tags
Deprecated HTML tags will still work, but they may not in future software versions or browsers.
Deprecated tag | Replacement | Example | Example display |
---|---|---|---|
<big> |
<span style="font-size: larger;">
|
<span style="font-size: larger;">big</span> |
big |
<center> |
<div style="text-align: center;">
|
<div style="text-align: center;">Centered</div> |
Centered
|
<font color="x" size="y" face="z"> |
<span style="color: x; font-size: y; font-family: z;">
|
<span style="color: red;">Red Alert!</span> |
Red Alert! |
<span style="font-family: Times New Roman;">This is Times New Roman</span> |
This is Times New Roman | ||
<strike>
|
del (for marking an edit) |
<del>Yes</del> No |
|
<s> (for anything else) |
Photon Torpedoes <s>$44.99</s> '''now just $24.99!''' each |
Photon Torpedoes | |
<tt> |
<code> (preferred for source code)
|
use <code> </code> for nonbreaking space |
use for nonbreaking space
|
<kbd> (preferred for user input) |
<kbd>mypasswd</kbd> |
mypasswd | |
<var> (preferred for variables) |
<var>age</var>=65 |
age=65 | |
<samp> (preferred for computer output) |
<samp>Invalid password. Please try again.</samp> |
Invalid password. Please try again. | |
If you want to use the similar of tt tag, use:
|
<span style="font-family: monospace, monospace;">Typed text</span>
|
Typed text | |
Table cell horizontal alignment: align=X where X is "left", "center" or "right" (sometimes without quotes) |
style="text-align: X;"
|
style="text-align: right;" | right-justified text |
right-justified text |
Table cell vertical alignment: valign=X where X is "top", "middle" or "bottom" (sometimes without quotes) |
style="vertical-align: X;"
|
style="vertical-align: top;" | top aligned text |
top aligned text |
Table cell background color: bgcolor=X
|
style="background-color: X;"
|
style="background-color: pink" | pink background |
pink background |
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.
See also
- Tables
- Editing
- Meta-Wiki's help page
- Using HTML in Wikitext on Meta-Wiki
- Information on using span tags on Wikipedia
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