ESSENTIAL HTML

This is a list of the basic HTML tags approved for use in WordPress

• Headers
• Insert image
• Link image to another page
• Text links
• Open link in a new window
• Nofollow links (for SEO)
• Link to sections down the page
• New paragraph
• Line break
• Bold text (strong)
• Italic text(emphasis)
• Centered text
• Highlight text
• Pull-quote (blockquote)
• Lists (bullet-point)
• Make a numbered list
• Roman numeral list
• Lettered list
• Tables
• Display HTML

 

Headers

<h1>This is a heading H1</h1>
<h2>This is a heading H2</h2>
<h3>This is a heading H3</h3>

This is what it looks like:

H1 header

H2 header

H3 header

H4 header

H5 header

H6 header

 

Insert image

<img src="Image-URL" alt="Image description">

Link image to another page

<a href="New-Page-URL"><img alt="Image description" src="Image-URL" /></a>

Text links

<a href="Destination-URL">Anchor text</a>

Anchor text

Open link in a new window

<a href="Destination-URL" target="_blank">Anchor text</a>

Anchor text

Nofollow links (for SEO)

<a href="Destination-URL" rel="nofollow">Anchor text</a>

Anchor text

Link to sections down the page (Anchor links)

<a id="Specific-section"></a>

Second part is to actually link to the assigned section:

<a href="#Specific-section">Anchor text</a>

Anchor text

New paragraph

<p>This is the first paragraph</p>
<p>This is the second paragraph</p>

This is the first paragraph

This is the second paragraph

Line break

<p>This is<br>a paragraph</br> with a line break</p>

This is
a paragraph with a line break

Bold text (strong)

<strong>to be bold</strong>

to be bold

Italic text(emphasis)

<em>to be italic</em>

to be italic

Centered text

<center>to be centered</center>

to be centered

Highlight text

<span style="background-color:yellow;">Your text</span>

Change the color of the text

<span style="color: #70b7ba;">Your text</span>

Your text
Your text

HEX: #F1433F
HEX: #3D4C53
HEX: #70B7BA
HEX: #404040

Pull-quote (blockquote)

<blockquote>Your quote</blockquote>

Your quote

Lists (bullet-point)

<ul>
<li>list item with a bullet point</li>
<li>another item with a bullet point</li>
</ul>

• list item with a bullet point
• another item with a bullet point

Make a numbered list

<ol>
<li>list item with number 1</li>
<li>list item with number 2</li>
</ol>

<ol start="7">
<li>List item number 7</li>
</ol>

1. list item with number 1
2. list item with number 2

7. List item number 7

Roman numeral list

<ol type="I">
 <li>Item I</li>
 <li>Item II</li>
 <li>Item III</li>
 <li>Item IV</li>
</ol>

1. Item I
2. Item II
3. Item III
4. Item IV

Lettered list

<ol type="A">
 <li>Item A</li>
 <li>Item B</li>
 <li>Item C</li>
 <li>Item D</li>
</ol>

1. Item A
2. Item B
3. Item C
4. Item D

Tables

<table style="width:600px">
<tr>
  <td>Row 1 Column 1</td>
  <td>Row 1 Column 2</td>
  <td>Row 1 Column 3</td>
</tr>
<tr>
  <td>Row 2 Column 1</td>
  <td>Row 2 Column 2</td>
  <td>Row 2 Column 3</td>
</tr>
</table>

Row 1 Column 1	Row 1 Column 2	Row 1 Column 3
Row 2 Column 1	Row 2 Column 2	Row 2 Column 3

Display HTML

<pre><code>Your code here</code></pre>

Your code here