Evermac's HTML Quick Reference

Below you will find some basic HTML commands that will help you make your text look a little nicer when posting inside an HTML page.

If you want to read more, there are thousands of helpful web pages that discuss HTML and CSS (style sheets). Here is a good place to start: www.w3schools.com

Formatting Text

HTML Tag(s) Samples

Strong/Bold

Strong is actually the preferred tag with the new standards, but the bold still works.

Make it stand out.

Make it <strong>stand</strong> out.

Make it stand out.

Make it <b>stand</b> out.

Emphasis/Italic

Emphasis is actually the preferred tag with the new standards, but the italic still works.

Our paper is The Weekly Journal.

Our paper is <em>The Weekly Journal</em>.

Our paper is The Weekly Journal.

Our paper is <i>The Weekly Journal</i>.

Underline/Delete

Underline or draw a line through text.

Our catch of the day is Halibut, only $9.00 $7.50 per pound.

Our catch of the day is <u>Halibut</u>, only <del>$9.00</del> $7.50 per pound.

Big/Small

Render text in the next size up or down relative to the current font size. This is better than embedding a specific size for the text because it scales automatically.

You may want something bigger than normal.

You may want something <big>bigger</big> than normal.

You may want something smaller than normal.

You may want something <small>smaller</small> than normal.

Color/Background/Border

Here we show styles embedded to achieve these changes.

If this is a reusable style, you'd be better writing a in a CSS file (Cascading Style Sheet), but we don't take the time here to discuss CSS files.

Our catch of the day is Halibut.

Our catch of the day is <span style="color: green;">Halibut</span>.

Our catch of the day is Halibut.

Our catch of the day is <span style="color: firebrick; font-weight: bold;">Halibut</span>.

Our catch of the day is Halibut.

Our catch of the day is <span style="background-color: #FFFFCC; border: 1px solid #993333;">Halibut</span>.

Ordered/Unordered Lists

Ordered lists automatically assign numbers, and unordered lists automatically assign bullets.

  1. Catch the fish.
  2. Clean the fish.
  3. Cook the fish.
  4. Eat the fish.

<ol>
<li>Catch the fish.</li>
<li>Clean the fish.</li>
<li>Cook the fish.</li>
<li>Eat the fish.</li>
</ol>

  • Catch the fish.
  • Clean the fish.
  • Cook the fish.
  • Eat the fish.

<ul>
<li>Catch the fish.</li>
<li>Clean the fish.</li>
<li>Cook the fish.</li>
<li>Eat the fish.</li>
</ul>

...