Skip to Main Content

LibGuides Training

This is an internal guide to be used for LibGuides training and support

Using HTML to Enhance Your Guides

HTML code can be used in most LibGuide asset creation windows to change the appearance of text appearance, weight & color and to insert hyperlinks.  It can also be used in the content areas of the Rich Text/HTML boxes and it is required in Media/Widget boxes.

Useful HTML Tags

To bold text in an asset title or description, place these tags at the beginning and end of the word or phrase.

<b> . . . .</b>  OR <strong> . . . . </strong>

To italicize text, place these tags at the beginning or end of the word or phrase

<i> . . . </i>

To change font color, place these tags at the beginning or end of the word or phrase.  Use simple name of color or Hexadecimal color number

<font color="red"> . . . . </font>  

To place a link in the text of an asset description, place these tags around the word or phrase that should contain the link

<a href="http:// . . .  "> . . . .  </a>  
Example:  <a href="http://www.fitnyc.edu/library">The Library's Website</a>

For more useful HTML tags, check out these websites: 

To make a scrolling Rich Text/HTML Box, place the first tag above box content using the "Source" editor. Place the final, closing tag beneath all box content

<div style="height: 500px; overflow: auto;"> . . . . . .  </div>

Example:  Scrolling boxes have been used very effectively in the Subject Headings guide

To create your own embed code, use the iframe with a URL.  Notice that no text goes between the tags.

<iframe src="http://www.w3schools.com"></iframe>

Embed code is often offered to users of the web on social media and video websites for the purposes of easy content distribution. For example YouTube, Vimeo and Vine are all video hosting sites that encourage the use of embed code. Below is an example of the embed code offered by YouTube when you click on the "Share" option

This snippet of code can be copied and pasted into a Media/Widget box to create a reusable asset.

Examples of Where to Use HTML