Template:Markup HTML Rendered
 | This template uses TemplateStyles: |
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> |
|
With custom title and column headers
| 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
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 |
| padding | padding | Padding within each cell.
| 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 |
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.