HTML Extensions

#Gigatrees supports embedding HTML into blog posts and into almost all GEDCOM text data, including source text, notes and other description fields. Gigatrees also supports several HTML extensions that can simplify formating tasks. You can also add your own 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 xxsmall text
xxxsmall	<xxxsmall>This is xxsmall text</xxxsmall>	This is xxsmall 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
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,x	<x>This is bracketed text</x>	<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
fs	<fs>KP44-CYW<:fs:>This is an external URL that loads in a FamilySearch page</fs>	This is an external FamilySearch 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>
gallery	<gallery> <picture><href>https://...<:><thumb>https://...<caption>Photo 1</caption></thumb></href></picture> <picture><href>https://...<:><thumb>https://...<caption>Photo 2</caption></thumb></href></picture> <picture><href>https://...<:><thumb>https://...<caption>Photo 3</caption></thumb></href></picture>...<picture><href>https://...<:><thumb>https://...<caption>Photo 18</caption></thumb></href></picture><picture><href>https://...<:><thumb>https://...<caption>Photo 19</caption></thumb></href></picture></gallery>