WordPress Basics – Simple HTML Tags for Amateurs or Beginners

Expert WordPress Custom Development

I have searched around for a while and just couldn’t find a good article that shows the very bare bones HTML tags that amateurs should know when editing static WordPress pages or adding new posts.

I am going to make this as simple as possible. The only tags you really need to know and use are:

<ul>, <ol>, <li>, <h1>, <h2>, <p>, <em>, and <strong>

The Paragraph Tag – <p>

Yes, it is that simple, just wrap paragraphs in these simple little tags. See example:

<p> 
 This is the content that you will type. You just write 
 normally after using the simple paragraph tag.
</p>

List Items and Ordered/Unordered Lists – <li>, <ul>, and <ol>


These are a little harder than paragraph tags but still pretty simple. To make a bullet list you will use an unordered list nested with list items. Example:

<ul>
  <li>This is the first list item.</li>
  <li>This is the second list item.</li>
</ul>

To make an ordered list (numbered!) just use the <ol> instead:

<ol>
  <li>This is the first list item.</li>
  <li>This is the second list item.</li>
</ol>

Heading Tags – <h1>, <h2>, … <h6>

The heading tags are used to represent various forms of a heading ranging from 1 most important (biggest and boldest) down to 6 (almost the same as regular text). Please see the examples below:

<h1>This is a big h1 heading</h1>
<h2>This is a medium h2 heading</h2>

The BR and HR Tags – <br /> and <hr />

These tags are a little different. The do not come in pairs, they are just one time shoppers! A <br /> tag simply puts a carriage return or break in your page. The <hr /> tag puts a carriage return and horizontal rule (line) into the page. These examples are a little more involved… because your a master by now!

<p>
  This paragraph<br /> 
  broken up onto two lines
</p>

** Try not to use these tags too much. I almost didn’t put them in because they mess people up. 99% of the time you will not need a <br /> tag, just let the words naturally flow to the next line. The <br /> tag is like a brute force line breaker.

<h1>Heading with horizontal rule after it</h1><hr />

Italic and Bold Style Tags – <em> and <strong>

I am ending off with another easy one here because I am sure your brain is fried! The <em> and <strong> tags wrap around words to give them italic and bold, respectively. See the examples below.

<p>
  This paragraph has <strong>bold text</strong>
  and <em>italic text</em>.
</p>
1Comment

Post A Comment