1
How to edit HTML in WordPress Classic Editor?
So how do you get to the HTML text editor? In your WordPress admin post
or page writing section, click on the “Text” tab. It’s in the text editor that you
add and edit all your HTML tags
2
Most commonly used WordPress HTML codes
#1 Insert an image
<img src="Image-URL" alt="Description of
the image">
#2 Make the image clickable to a new destination
<a href="Destination-URL"><img alt="Description of
the image" src="Image-URL" /></a>
3
#3 Insert a link
Note that the anchor text is the visible part of your link. It is the word or
phrase that your visitors will click on to get to the page you’re linking to.
<a href="Destination-URL">Anchor text</a>
#4 Make the link nofollow
For SEO purposes you might need to make some of your link nofollow.
Here’s how:
<a href="Destination-URL" rel="nofollow">Anchor
text</a>
4
#5 Make the link open in a new browser window
<a href="Destination-URL" target="_blank">Anchor
text</a>
#6 Link to a specific section on a long page
<a id="Specific-section"></a>
<a href="#Specific-section">Anchor text</a>
5
#7 Create prominent titles and subheadings
<h1>This is a heading H1</h1>
<h2>This is a heading H2</h2>
<h3>This is a heading H3</h3>
#8 Insert a line break
<p>This is<br>a paragraph</br> with
a line break</p>
#9 Create a new paragraph
<p>This is the first paragraph</p>
<p>This is the second paragraph</p>
6
#10 Make a bullet point list
<ul>
<li>list item with a bullet point</li>
<li>another item with a bullet point</li>
</ul>
#11 Make a numbered list
<ol>
<li>list item with number 1</li>
<li>list item with number 2</li>
</ol>
#12 Highlight text in a post with yellow (or any other color)
background
<span style="background-color:yellow;">Your
text</span>
7
#13 Assign the number for an item in your numbered list
<ol start="7">
<li>List item number 7</li>
</ol>
#14 Make a letters list
<ol type="A">
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
<li>Item D</li>
</ol>
#15 Make a Roman numbers list
<ol type="I">
<li>Item I</li>
<li>Item II</li>
<li>Item III</li>
<li>Item IV</li>
</ol>
8
#16 Center your text
<center>to be centered</center>
#17 Make your text bold
<strong>to be bold</strong>
#18 Make your text italic
<em>to be italic</em>
#19 Change the color of the text
<span style="color: #000000;">Your text</span>
9
#20 Insert a blockquote
<blockquote>Your quote</blockquote>
#21 Create a table
<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>
10