template:Semantic markup templates

| {{tlb|var}} | {{var|strPrefix}} | To indicate text is a variable name. Use for any variable names except those including "I" (uppercase i) and/or "l" (lowercase L); for these, {{braces|var serif}} should be used to ensure a noticeable distinction

| {{tlb|var serif}} | {{var serif|strIllustratePrefix}} | (see {{braces|var}} above)

| {{tlb|tld}} | {{tld|DEFAULTSORT:Y, X}} | To display wikicode variables and magic words as they would appear in code

| {{tlb|para}} | {{para|year|2008}} | To display template parameters with or without values

| {{tlb|param}} | {{param|title|alt}} | To display parameters as used in code (i.e. with triple braces), especially to indicate relationships between them. May be combined with {{braces|para}} above

| {{tlb|tjp}} | {{tjp|selfref: yes|category: no}} | To display template parameters with colors (as they would appear in the {{tl|tj}} and {{tl|tji}} templates)

| {{tlb|param value}}| {{pvalue| 2 blanks fore and aft |space=·}} | To display parameter values lightly bordered; replaces <code>...</code>, especially when value contains embedded or leading/trailing blanks; visualized here with middot (·) but can use ␠, ▯, or any character.

| {{tlb|tlx}} etc. | {{tlx|Template|{{var|1}}|{{var|2}}|...|{{var|10}}}} | To display a template call (with or without parameters and values) as code

| {{tlb|tji}} | {{tji|hatnote|Hello|selfref: yes|category: no}} | To showcase with colors in horizontal format the syntax of any template, while providing an easy way to display placeholder texts using colons as separators

| {{tlb|tag}} | {{resize|95%|"The {{tag|img}} tags ..."}} | To render HTML elements ("tags") in prose

| {{tlb|code}}/{{tlb|codett}} | {{resize|95%|"Ensure the {{code|1=alt=}} parameter ..."}} | To indicate text is source code. To nest other templates within {{braces|code}}, use {{tag|code}}. {{tl|codett}} differs only in styling: {{code|someMethod}} becomes {{codett|someMethod}}

| {{tlb|PreCode}} | {{resize|95%|"FORTH has keyword {{PreCode|?BRANCH}}."}} | Like {{tlb|code}}, but prevents line breaks inside the code. Only for very short code parts.

| {{tls|codenowiki}} | {{small|small text example}} | To wrap example code in {{code|<nowiki>...</nowiki>}}

| {{tls|kbdnowiki}} | {{large|large text example}} | To wrap example code in {{code|<nowiki>...</nowiki>}}

| {{tlb|syntaxhighlight}} |     _{[this is a block template]} | ({{thin space|or {{tlx|sxhl}}}})  Wrapper for {{tag|syntaxhighlight}}, but will wrap overflowing text

| {{tlb|deprecated code}} | "Do not use {{tag|{{deprecated code|blink}}|o}}." | ({{thin space|or {{tlx|dc}}}})  To indicate deprecated source code in template documentation, articles on HTML specs, etc. The {{tlx|dc2}} variant uses strike-through ({{tag|{{dc2|blink}}|o}}) while {{tlx|dcr}} uses red ({{tag|{{dcr|blink}}|o}}).

| {{tlb|pre}} |     _{[this is a block template]} | For larger blocks of source code and other pre-formatted text

| {{tlb|tj}} |     _{[this is a block template]} | To showcase with colors and multiple lines (vertical format) the syntax of any template, while providing an easy way to display placeholder texts using colons as separators

| {{tlb|quote}} |     _{[this is a block template]} | For block quotations (only – never for non-quotations)

| {{tlb|block indent}} |     _{[this is a block template]} | For indented blocks of material; visually identical to {{tlx|quote}} but without quote markup

| {{tlb|kbd}} | {{kbd|user input}} | To indicate user input

| {{tlb|key press}} | {{key press|Ctrl|x}} | To indicate specific-keystroke input, including combinations

| {{tlb|key top}} | {{key top|Left shift}} | Similar; includes more symbols, but does not directly support combinations

| {{tlb|button}} | {{button|Don't save}} | To indicate a button in a user interface

| {{tlb|samp}} | {{samp|example output}} | To indicate sample or example output

}}

}}{{documentation}}