Template:Markup HTML Rendered
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 |