Template:Markup HTML Rendered

Template documentation[view] [edit] [history] [purge]

This template is used to present Wikitext markup side by side with the HTML it produces and the output it renders.

Usage

{{Markup HTML Rendered}}'s arguments should be provided in sets of three. The first of the set should be Wikitext enclosed in <nowiki> tags. The second should be HTML, also enclosed in <nowiki> tags. The third is usually identical to the first, but without <nowiki> tags. The template accepts up to 39 unnamed parameters, resulting in up to 13 rows of examples.

This:

{{Markup HTML Rendered|<nowiki>'''Bold text'''</nowiki>|<nowiki><b>Bold text</b></nowiki>|'''Bold text'''}}

Produces this:

Wikitext	HTML	Renders as
'''Bold text'''	<b>Bold text</b>	Bold text

In many cases, the markup for both columns are identical, but there are instances where this may need to differ. For guidance and examples of more complex usage, see Template:Markup/doc.

Examples

Multiple rows

Wikitext	HTML	Renders as
'''Bold text'''	<b>Bold text</b>	Bold text
''Italic text''	<i>Italic text</i>	Italic text
[[Internal link]]	<a href="https://en.wikipedia.org/wiki/Internal_link">Internal link</a>	Internal link

With custom title and column headers

How to write about foxes and dogs in Wikipedia.

Write this in wikitext	HTML markup	HTML markup
Some '''bold''' text	Some <b>bold</b> text	Some bold text

See also

• {{Markup}} for two-column code and output

TemplateData

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Markup HTML Rendered in articles based on its TemplateData.

TemplateData for Markup HTML Rendered

Template parameters[Edit template data]

Parameter		Description	Type	Status
margin-left	margin-left	To set a margin on the table's lefthand side. Default 0	String	optional
width	width	To set the table's overall width. Default auto	String	optional
style	style	For CSS styles amending the table's overall appearance.	String	optional
noheaders	noheaders	Set (as e.g. noheaders=on) to suppress the columns' headings and table's title.	String	optional
title	title	Title above table. Default none	String	optional
colheaderstyle	colheaderstyle	For CSS styling to amend the appearance of each column's heading.	String	optional
col1headerstyle	col1headerstyle	For CSS styling to amend the appearance of the first column's heading. Overrides (but does not replace) colheaderstyle.	String	optional
col1	col1	First column (Wikitext)'s heading. Default "Markup"	String	optional
col2headerstyle	col2headerstyle	For CSS styling to amend the appearance of the second column's heading. Overrides (but does not replace) colheaderstyle.	String	optional
col2	col2	Second column (HTML)'s heading. Default "Renders as"	String	optional
col3headerstyle	col3headerstyle	For CSS styling to amend the appearance of the third column's heading. Overrides (but does not replace) colheaderstyle.	String	optional
col3	col3	Third column (output)'s heading. Default "Renders as"	String	optional
Column 1 Style	col1style	For CSS styles to amend the appearance of the Wikitext column (e.g. width of the column). Default none Example width:20em;	String	optional
Column 2 Style	col2style	For CSS styles to amend the appearance of the HTML column (e.g. the background colour). Default none Example background-color:#fff;	String	optional
Column 3 Style	col3style	For CSS styles to amend the appearance of the output column (e.g. the background colour). Default none Example background-color:#fff;	String	optional
Markup text style	codestyle markupstyle	Use CSS style code to change the appearance of content (text) in the Markup column. Example white-space: nowrap;	String	optional
Output text style	outputstyle	Use CSS style code to change the appearance of content (text) in the Renders-as column. Example white-space: nowrap;	String	optional
1	1	row 1, Wikitext markup (first column).	String	optional
2	2	row 1, HTML markup (second column).	String	optional
3	3	row 1, rendered output (third column).	String	optional
37	37	First column's content in last possible row.	String	optional
38	38	Second column's content in last possible row.	String	optional
39	39	Third column's content in last possible row.	String	optional

The above documentation is transcluded from Template:Markup HTML Rendered/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.