HTML Extensions

#Slimlines supports embedding HTML into pages. Slimlines also supports several HTML extensions that can simplify formating tasks. You can also add your own HTML Extensions using <Placeholders>. The following table includes a list with examples. Note: width and size are interchangable.

Tag	Syntax	Example
xxxxsmall	<xxxxsmall>This is xxsmall text</xxxxsmall>	This is xxxxsmall text
xxxsmall	<xxxsmall>This is xxsmall text</xxxsmall>	This is xxxsmall text
xxsmall	<xxsmall>This is xxsmall text</xxsmall>	This is xxsmall text
xsmall	<xsmall>This is xsmall text</xsmall>	This is xsmall text
smallish	<smallish>This is smallish text</smallish>	This is smallish text
medium	<medium>This is medium text</medium>	This is medium text
large	<large>This is large text</large>	This is large text
smaller	<smaller>This is smaller text</smaller>	This is smaller text
xlarge	<xlarge>This is xlarge text</xlarge>	This is xlarge text
larger	<larger>This is larger text</larger>	This is larger text
xxlarge	<xxlarge>This is xxlarge text</xxlarge>	This is xxlarge text
xxxlarge	<xxxlarge>This is xxxlarge text</xxlarge>	This is xxxlarge text
red	<red>This is normal red text</red>	This is normal red text
blue	<blue>This is normal blue text</blue>	This is normal blue text
green	<green>This is normal green text</green>	This is normal green text
highlight	<highlight>This is normal highlighted text</highlight>	This is normal highlighted text
indent	<indent>This is normal indented text</indent>	This is normal indented text
dropcap	<dropcap>T</dropcap>his is normal dropcapped text	This is normal dropcapped text
colon	<::>	:
tab	<==>	tab -> <- tab
t	<t>This is bracketed text</t>	<This is bracketed text>
lt	<lt> less than	< less than
sp	non-breaking space -><sp><- non-breaking space	non-breaking space -> <- non-breaking space
break	text<break>text	text   text
blank	text<blank>text	text text
nudge	text<nudge>text	text text
knockout	<knockout>text</knockout>	text
xtable (sortable & scrollable)	<xtable> <thead><tr><th>Column 1</th><th>Column 2</th></tr></thead><tbody><tr><td>Data 1</td><td>Data 2</td></tr></tbody> <tfoot><tr><td>Footer 1</td><td>Footer 2</td></tr></tfoot></xtable>	Column 1 Column 2 Data 1 Data 2 Footer 1 Footer 2
href	<href>http://domain.com<:>This is a link that loads in the same page/tab</href>	This is a link that loads in the same page
href	<href>http://domain.com<:id:>link-id<:class:>link-class<:>This is a link that loads in the same page/tab</href>	This is a link with its own id, class, title, alt and role that loads in the same page
href	<href>http://domain.com<:new:>This is an external URL that loads in a new page/tab</href>	This is an external URL that loads in a new page
thumb	<thumb>https://...</thumb>
thumb (linked)	<href>http://...<:><thumb>http://...</thumb></href>
thumb (linked & captioned)	<href>http://...<:><thumb>http://...<caption>This is a caption</caption></thumb></href>
image	<img>https://...</img>
figure	<figure> <href>https://...<:>     <thumb>https://...<caption>This is a caption</caption></thumb></href><figcaption>     <center><i>This is a figure caption</i>t>/center></figcaption> </figure>
figure (300px)	<width>300px<:> <figure>     <href>https://...<:>          <img>https://...<caption>This is a caption</caption></img>     </href>     <figcaption>          <center><b>This is a larger figure</b></center>     </figcaption> </figure></width>
figure (200px & wrapped caption)	<size>200px<:> <figure>     <href>https://...<:>          <thumb>https://...<caption>This is a caption</caption></thumb>     </href>     <figcaption>          <center><b>This is another figure caption that wraps nicely</b></center>     </figcaption></figure></size>