Graphics references in HTML templates

<< Click to Display Table of Contents >>

Navigation:  More Advanced Procedures > HTML Output and HTML Templates >

Graphics references in HTML templates

You can reference external graphics in HTML templates. Help+Manual parses the template code for image references and automatically includes the graphics in your output.

In addition to this you can also embed graphics in your project by adding them to the Baggage Files. Baggage graphics are always exported automatically when you publish and they can be referenced without any path information in all HTML-based output formats. See below for details.

If you are using an HTML skin you must edit your templates and settings in the skin!

Nowadays you will almost always choose an HTML skin to publish your project to WebHelp or HTML Help/CHM. A skin is a special kind of Help+Manual project without topics that only stores your HTML templates and all the settings relevant for HTML output to these two formats. When you choose a skin, the templates and settings in the skin completely replace those in your project.

Normally, a skin is pre-designed and you don't need to change anything. However, if you do want to change something, you must do all your editing in the .hmskin skin file. Editing in your Help+Manual project won't have any effect because those templates and settings are not used.

To edit a skin, make a copy of the .hmskin skin file in your project folder and then open it in Help+Manual by selecting .hmskin as the file type to open in the Open dialog. All the templates and settings are in the same places as in a normal Help+Manual project.

Exception: HTML Export Options

The HTML Export Options section is not stored in skins and needs to be edited in your project.

Click to expand/collapseSupported graphics types and how to reference them
Click to expand/collapseSupported HTML image reference tags
Click to expand/collapseAdding graphics to your project's Baggage Files

See also:

Graphics in HTML templates (Reference)

Editing HTML templates

Variables in HTML templates

Conditional output in HTML templates

Using Baggage Files