Enter your keyword

Spice Up Your Posts With These 8 Beginner HTML Tags

Spice Up Your Posts With These 8 Beginner HTML Tags

If you read yesterday’s post, then you know that using the html input box on your WordPress Dashboard is the option that gives you the most control over the way your post appears once it’s actually on your website. To take full advantage of this, though, you have to know some html. To get started, I’ll give you a short list of simple html tags that will help you to experiment with formatting your post in html. Please remember, though, these tags will only work when you have the HTML tab selected–do not try to input them into the Visual tab, or you’ll just end up with a bunch of random tags that look like text in your post. You also need to make sure to close out the tags so that these formatting changes don’t extend into the rest of your website.

  1. Post a picture. There are many ways to insert a picture into your post, but practice your html, you can try out the tag. Simply input where you want the picture to appear. This code will spit out a picture wherever you place it, provided the url is correct. Make sure that the original photo is the right size for your browser, though: changing sizes of photos involves the addition of more code.
  2. Make text bold. To bold text, simply wrap your text in the tag. For example, this:
    Text that you want to have in bold goes here.
    will give you this:
    Text that you want to have in bold goes here.
  3. Make text italicized or underlined. The underlining tag, , and the italicizing tag, , work exactly the same way as does the tag for bold. Just substitute in “u” or “i” in the formula above.
  4. Separate paragraphs with a blank line.. The

    tag allows you to define paragraphs and set them apart with a blank line in between. Put

    before the beginning of your paragraph, and

    immediately after the end of your paragraph.

  5. Make an “ordered list.” The list I’m writing now is called an “ordered list” because it has numbers. To make your own, use the “ordered list” tag, or
      . Each list item should be wrapped in a list tag,

    1. as follows:

      1. This is my ordered list.
      2. It will have three items.
      3. I hope you enjoy it.


      will give you this:

      1. This is my ordered list.
      2. It will have three items.
      3. I hope you enjoy it.
    2. Make a font bigger. Say you want to make font bigger temporarily, just to get your point across. Use the tag. for example:
      Typing this
      will render this:
      Typing this
      You can play around with this a little by changing the numbers up or down but don’t get too tricky or forget to put the last
      tag at the end or you might end up with all your text a different size.
    3. Add a link. You already know how to add a link through the Visual tab, and in the HTML tab, you’ll notice a link button as well. But so that you know how to do it on your own, you can make a link appear around anything (a word, an image, a
      (don’t worry, I’ll explain what that is later), anything really) by wrapping it in the tag. For example, if I want to link to my website, I would put in this code:
      This is my blog.
      which would give me the following link:
      This is my blog.
    4. Change the color of a font. Adding colors to subheadings can really make a post look polished if it is done correctly. There are different ways to specify a color for a font, but an easy way to do it for just one subheading is as follows:
      This is my new heading.
      which gives you this:
      This is my new heading.
      You can add or tags to it to make it even more snazzy:
      This is my newer heading.
      which yields this:
      This is my newer heading.
      You can use most basic colors for this command (red, blue, white, green, etc.). There are ways to choose more precise colors (burnt sienna, “manatee,” or celadon) but we’ll get into that a little further down the road.

    Now you try it!

No Comments

Post a Comment

Your email address will not be published.