Template:Markup HTML Rendered/doc
![]() | This is a documentation subpage for Template:Markup HTML Rendered. It may contain usage information, categories and other content that is not part of the original template page. |
This template is used to present Wikitext markup side by side with the HTML it produces and the output it renders.
Usage
[edit]{{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
[edit]Multiple rows
[edit]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> |
|
With custom title and column headers
[edit]Write this in wikitext | HTML markup | HTML markup |
---|---|---|
Some '''bold''' text |
Some <b>bold</b> text |
Some bold text |
See also
[edit]- {{Markup}} for two-column code and output
TemplateData
[edit]TemplateData for Markup HTML Rendered
Parameter | Description | Type | Status | |
---|---|---|---|---|
margin-left | margin-left | To set a margin on the table's lefthand side.
| String | optional |
width | width | To set the table's overall width.
| 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.
| 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.
| 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.
| 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.
| String | optional |
Column 1 Style | col1style | For CSS styles to amend the appearance of the Wikitext column (e.g. width of the column).
| String | optional |
Column 2 Style | col2style | For CSS styles to amend the appearance of the HTML column (e.g. the background colour).
| String | optional |
Column 3 Style | col3style | For CSS styles to amend the appearance of the output column (e.g. the background colour).
| String | optional |
Markup text style | codestyle markupstyle | Use CSS style code to change the appearance of content (text) in the Markup column.
| String | optional |
Output text style | outputstyle | Use CSS style code to change the appearance of content (text) in the Renders-as column.
| 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 |