by Alan | 5:19 PM

3 Things I Know You Need for HTML in WordPress

HTML in WordPress

Thinking about what I have learned, I thought it might be a great idea to simplify the issue of HTML in WordPress by telling you the 3 things I know you need. This shouldn’t take too long.

WordPress has really advanced, and themes for WordPress make everything quite easy. Maybe I should be more specific. Themes make HTML in WordPress quite easy.

Here’s What I Know You Need

You need to know a couple HTML tags. An idea about this little dandy, “img src,” comes in handy. And then it’s always great to be able to use some inline style. Inline style is a quick way to style a single element like an image or paragraph.

That’s it!

Thanks for reading.

Just kidding. One thing that might interest you, these things I know you need for HTML in WordPress can lead you to learning what you need to know for CSS as well. But that’s another blog post.

HTML in WordPress – basics will do!


The “p” images are the most frequent tags I use in HTML. The one on the left without the slash marks the beginning of a paragraph. The one on the right with the slash “closes” the HTML tag. Not everyone even uses these. HTML in WordPress doesn’t necessarily require it. If you simply don’t use them and put spaces between your paragraphs, the editor knows what you are doing.

Other tags like the header tag, symbolized by an “h” follow this same pattern. When you have written your header, use a closing tag with the slash. Also, it’s important to note that headers have five (5) sizes from one to five ( 1 – 5 ). So, you can test how big you want your header text to be by placing a 1 , 2 , 3 , 4 , or 5 after the “h”. These letters are never capitalized, and the punctuation marks (the little sideways carets) and the slash mark are non-negotiable. From my short-lived research efforts, I think those carets are called angle brackets. I know. It’s not a very glamorous name.

One other tag that I use sometimes to break a line is “br” between the two angle brackets. I usually use it in a header if the title I am using is long and only one word comes down into the second line. Others might not care about that, but I tend to like symmetry. The only issue with using a line break in a title is that if you place the page in a menu, the line break may cause the menu title to look strange. I don’t use them in my main pages, only on posts. Oh, also the line break does not require a closing tag. Just use the angle brackets and br and everything will be just fine.

Image Sources – Just a quick mention.

I wrote another post about placing images and links in a WordPress post. I don’t want to repeat all that so if you want to read it, here’s the link.

You should use a lot of images to break up your text. Nobody wants to read a bunch of text. It gets boring. HTML in WordPress helps you accomplish this goal with some style as well.

You have STYLE!

Adding style to your images, headers or paragraphs gives you some control over how your site looks. Inline style has an extra bonus of not slowing your page load speeds.

Inline style punctuation must be consistent or your styling won’t work. If you find yourself in a pinch and what you are trying hasn’t worked, there remains a really great chance that you forgot to use the right punctuation.

You see in the image above the word “style.” If you want to style an image, you place this whole term after “img” – a space – and “src.” If you want style a header or paragraph, you simply place this term after the “p” and inside the right angle bracket.

    Some of the common attributes to be used inside the quotation marks are:

  • color:
  • background-color:
  • font-family:
  • font-size:
  • font-weight:
  • padding:
  • margin-top:
  • margin-right:
  • margin-bottom:
  • margin-left:

I will have to write a separate post on how to make lists like this one I just made.

    Some values that could correspond to these attributes are:

  • #000000; (black)
  • #ffffff; (white)
  • arial;
  • 20px;
  • bold;
  • some px;

Punctuation

Notice I placed a colon after the attributes in the first list. I then placed a semicolon after the values in the second list. Also, don’t forget the equals sign after style and the quotation marks around the whole thing.

Coming soon, I will get a few things together that you should know about CSS. I will write a post about making lists and maybe some other stuff.

In the meantime, if you might be interested with affiliate marketing and learning how to create your dream website for online revenue, check out this review of Wealthy Affiliate.

Also, this link will take you to a post on Wealthy Affiliate where a new member who knew nothing of website building and online marketing before this month.

I hope you know a little more about HTML in WordPress. It’s a great platform, and what you need to know about HTML is slight. Now all there is for you to do is take your passion and build an online business for a better future.

Hope to see you here and there!

Alan

Comments

Alex Chong

These are good information. I have a blog and sometimes I do need to make changes at the html level for my post to appear the way I wanted it to be.

May 30.2017 | 10:56 pm

    Alan

    Inline is nice, but page specific CSS, that’s so simple and fun to see work. It’s instantaneous. Thanks for stopping by. Hope you come back anytime.

    May 31.2017 | 01:37 am

Joan

Good info. One of my favorites is the center tag: and . Love the image tags, too. Glad you shared.

May 30.2017 | 11:57 pm

    Alan

    I never think to use the center. I’ll add it to my repertoire. Thanks for the comment. Hope to see you again.

    May 31.2017 | 01:35 am

betsy

I am really new to all this online stuff, so this article is really helpful. Very clear and will definitely be able to use this to my advantage. Thanks so much for sharing. 🙂

May 31.2017 | 10:52 pm

    Alan

    Glad to be of service. Betsy, have a beautiful day.

    Jun 01.2017 | 12:17 am

Leave a Reply

Your email address will not be published. Required fields are marked *