Home > Appendices > HTML


Web pages are usually text files written with a special notation called Hypertext Markup Language (HTML). An Internet browser translates these text files and displays the text according to the HTML directions it finds in each file.

HTML-formatted Text

In GED-GEN, you may personalize certain text that will appear on the generated web pages. For example you may specify your own page header and introductory text. If you want fancy text formatting, you must enter the text using HTML syntax. If you are unfamiliar with HTML, here are some common elements you might find useful:

This Text with HTML Syntax... ...will display as Comments
<b>Sample</b> Sample bold font
<i>Sample</i> Sample italic font
<span style="font-size:120%;">Sample</span> Sample larger font
<span style="color:#008000;">Sample</span> Sample font color
<p style="text-align:center;">Sample</p>


Line One<br>Line Two Line One
Line Two
line break
<p>Paragraph One</p>
<p>Paragraph Two</p>

Paragraph One

Paragraph Two

<p style="text-align:center;">
<span style="font-size:120%; color:#008000;">


<a href="mailto:email@address.com">
Your Name</a>
Your Name E-Mail link (replace email@address.com with your email address)
<a href="page.html">Sample</a> Sample Link to another web page (replace page.html with your web page file name)
<img src="images/image1.jpg" alt="Grandpa"> Grandpa Insert an image (replace image1.jpg with your image file)

If you want your family pages to have the title "Doe Family Group Sheets," you could specify the following in the family page Header field on the Headers tab:

<p style="text-align:center;">
<span style="font-size:120%; color:#008000;"><b>Doe Family Group Sheets</b></span>

and it will appear on your family pages as:

Doe Family Group Sheets

Color Codes

If you want your text to appear in different colors, you can specify a color code. For example, a font element:

<span style="color:#0000FF;">Blue Text</span>

results in:

Blue Text

An HTML color code begins with a # character. This is followed by three pairs of two hexadecimal digits indicating the relative strength of the colors Red, Green, and Blue. The following table lists the color codes for several common colors:



Dark Blue


Dark Cyan


Dark Gray


Dark Green





Dark Red



Special Characters

If you want special characters to appear in your web pages, then you must use a special HTML syntax. If these characters were entered directly, they would be interpreted as HTML syntax and may not display correctly. For example the following heading:

The John & Jane Doe Family

must be entered as:

The John &amp; Jane Doe Family

The following table lists common special characters you may find useful. Each begins with an ampersand character and ends with a semicolon character.

HTML Syntax Symbol Meaning
&lt; < Less-than symbol
&gt; > Greater-than symbol
&amp; & Ampersand symbol
&copy; Copyright symbol
&nbsp; Non-breaking space Used to add more than one space between words.

Note that GED-GEN automatically converts certain special characters that appear in your GEDCOM file to the appropriate HTML syntax. This conversion occurs in your facts, research and marriage notes fields. You can optionally choose to Allow HTML in notes.