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>

      
   Grover Web Design
   60 Google reviews 
  Write a review 
  
 
        
   Adam Ruffin 
 2024-04-02
 
 
   Fantastic service! Donny was very patient with our changes during the process and we would highly recommend his company !
  
 
 
       
   Craig Williams 
 2024-04-02
 
 
   Donny has been hosting and handling our website for years.  I would highly recommend Grover Web Design!
  
 
 
       
   Amanda Bigger 
 2024-04-02
 
 
   As a small business owner it is extremely difficult to find a website builder and designer that is willing to cater to your needs, regardless of your budget. In the four years we have been with Grover Web Design we continue to be impressed with their knowledge, attention to detail, prompt response time, and professionalism.  Thank you Grover Web Design for continuing to provide us at Bigger Glass Company with the best all-around website support!
  
 
 
       
   Teri Todd 
 2023-10-20
 
 
   We have always received compliments on our website design! Donny was understanding of what we needed and created a site that was truly reflective of who we are and what we do!
  
 
 
       
   Beth Bunge 
 2023-10-20
 
 
   GWD is the Best in the industry. They designed our website and listened to our input and gave great ideas and expertise. We get tons of compliments on our website and that has increased business for us! In addition, they manage our website and taught us how to do some changes ourselves. If we ask they immediately update and makes changes as needed. They are responsive and so professional and fun to work with. Highly recommend!
  
 
 
       
   Clare Hungiville 
 2023-10-19
 
 
   I cannot say enough good things about Donny Grover and his team at Grover Web Design !  I contacted Grover Web Design to do a series of web pages for various companies. They are fast, cost efficient and super creative !!  Their customer service followup is simply the BEST.  Never going to another designer again !  Donny, thank you for all you do,  Clare Hungiville.
  
 
 
       
   Tanner Renken 
 2023-10-13
 
 
   I’ve been working with GWD for a few years now and have nothing negative to say. Donny and his team do awesome work! They are quick to respond and help out whenever they can! 10/10 recommend!
  
 
 
       
   Ron Norris 
 2023-06-22
 
 
   We have been fortunate to have Grover Web Design as our website developer for the past 8 years. Their service and support have been exceptional throughout our partnership. What sets them apart is their ability to assist us with any IT related question or project. We highly recommend Grover Web Design for their expertise and dedication to their clients.
  
 
 
       
   Denada Jackson 
 2023-05-10
 
 
   It is always a pleasure to work with Donny and Team. I appreciate their prompt responses and always capturing our client's vision.
  
 
 
       
   Womens Health Action 
 2023-05-08
 
 
   As a small team based in New Zealand, we've used Grover Web Design to help with the running/maintenance of the Global Big Latch On website. We've always found Donny to be easy to communicate with, professional, and responsive (despite our time zone differences). We would recommend GWD to others.
  
 
 
  
  Load more