Simple Tutorial on Adding HTML to Messages
Return to: Advanced Tutorial on Adding HTML to Messages
You are viewing the simple tutorial on adding HTML to messages. It does not include information on creating tables.


Bold

<span style="font-weight: bold;">Bold</span>
Or:
<b>Bold</b>
Bold



Italic

<span style="font-style: italic;">Italic</span>
Or:
<i>Italic</i>
Italic



Underline

<span style="text-decoration: underline;">Underline</span>
Or:
<u>Underline</u>
Underline



Link

<a href="https://www.google.com/">Google</a>
Google



Image

<img src="https://canetalk.com/images/lightning.jpg"/>
Lightning strike in Tampa, Florida



Horizontal Reference

<hr/>



Heading

<h1>Heading</h1>

Heading

<h2>Heading</h2>

Heading

<h3>Heading</h3>

Heading

<h4>Heading</h4>

Heading

<h5>Heading</h5>
Heading
<h6>Heading</h6>
Heading



Span (for text)

<span style="font-size: 20px; font-family: Arial; font-weight: bold; text-decoration: underline; font-style: italic; color: blue;">Text</span>
Text

<span style="text-decoration: line-through;">Text</span>
Text

<span style="direction: rtl; unicode-bidi: bidi-override;">This text is reversed.</span>
This text is reversed.



Div Tag

<div style="font-size: 17px;">Text</div>
Text




Center

<div style="text-align: center;">Center</div>
Or:
<center>Center</center>
Center




Paragraph

<p style="text-align: right;">Paragraph</p>

Paragraph




Preformatted Text

This is needed if you want to preserve multiple spaces in your text. For example, this tag would be needed if you wanted to share a SHIPS intensity forecast from the folder here. It can also be used for more fun purposes, like the ASCII art generated below from an ASCII art generator. (using the font setting described as "Big" on some sites that have a similar generator)

<pre>
   _____              _______    _ _    
  / ____|            |__   __|  | | |   
 | |     __ _ _ __   ___| | __ _| | | __
 | |    / _` | '_ \ / _ \ |/ _` | | |/ /
 | |___| (_| | | | |  __/ | (_| | |   < 
  \_____\__,_|_| |_|\___|_|\__,_|_|_|\_\
</pre>
   _____              _______    _ _    
  / ____|            |__   __|  | | |   
 | |     __ _ _ __   ___| | __ _| | | __
 | |    / _` | '_ \ / _ \ |/ _` | | |/ /
 | |___| (_| | | | |  __/ | (_| | |   < 
  \_____\__,_|_| |_|\___|_|\__,_|_|_|\_\



Blockquote

<blockquote>Blockquote</blockquote>
Blockquote



Subscript

Text<sub>Subscript</sub>
TextSubscript



Superscript

Text<sup>Superscript</sup>
TextSuperscript



Ordered List
<ol>
	<li>
		Item 1
	</li>
	<li>
		Item 2
	</li>
	<li>
		Item 3
	</li>
</ol>
  1. Item 1
  2. Item 2
  3. Item 3



Unordered List
<ul>
	<li>
		Item 1
	</li>
	<li>
		Item 2
	</li>
	<li>
		Item 3
	</li>
</ul>