Bigger, Better, Bolder: 5 HTML Tags You Should Know
By: Chelsea Burcz

HTML Coding
Follow on Bloglovin
Pinterest

This is the next post in a very exciting series we’re bringing to you on IFB in anticipation of the upcoming #IFBcon. Each day in the month of August, we’ll have a different post designed to help your blog become – you guessed it – bigger, better and bolder.

Think of your HTML coding like your make up: when it’s perfectly placed, it looks amazing, but when your lipstick is on your eyelids, we have a problem.

You know that moment when you hit publish and your post is completely misaligned, the text is weird sizes, and your links don’t work. What happened!? It’s most likely that your HTML coding is incorrect — and the only way to know if the coding is incorrect, is to know the correct way. Here’s five commonly used HTML codings you need to know:

HTML Headings

HTML headings are defined with the <h1> and </h1>, so for instance:

<h1> This is a heading at size 1. </h1>
<h2> This is a heading at size 2. </h2>
<h3> This is a heading at size 3. </h3>

HTML Paragraphs

Paragraphs are defined with the <p> and </p>, so for instance:

<p> This is the beginning of a paragraph. </p>
<p> And this is the beginning of the next paragraph. </p>

HTML Links

Links are defined by <a> and </a>, so this is how you would add “heartifb.com” as a hyperlink:

<a href=”http://www.heartifb.com”>This is a link</a>

HTML Images

Images are defined by the <img> tag along with the width and height, so a typical image might look like this in HTML coding:

<img src=”heartifb.jpg” width=”104″ height=”142″ />

HTML Font Italic and Bold

Italicized words are defined by <em> and </em>, and bolded words are defined by <strong> and </strong>, so for example:

<em> This is an italicized sentence. </em>
<strong> This is a bolded sentence. </strong>

 What are some issues you’ve had with HTML coding? Are there any other common ones you struggle with?

Digital fashionTo get your tickets, head to the Eventbrite page and buy either:

Regular One-Day Pass: $125

Regular Two-Day Pass: $185

Corporate/Non-IFB Member Tickets: $600

Comments

  1. Avatar of moiminnie
    moiminnie says:

    HTML is the single most important thing on the web and I think everyone should know the basics! Great job writing this article, I’m sure many people will find this very useful! http://www.moiminnie.blogspot.com
    xx

  2. Shalanda says:

    I have been wanting to learn HTML but didn’t know where to start. Thanks for pointing me in the right direction.

  3. Avatar of Sheryl Blasnik

    I find I often have issues with alignment. My sidebar widgets are not always center aligned as they should be or videos in my posts often align left when I would like them center aligned. Any tips?

    Sheryl Blasnik
    http://fashiondevelopmentgroup.com

    • Lauren says:

      To make something centered in a text post, the html coding is this:
      text text text whooo centered post

      For the sidebar widgets, it could be the same, but it really all depends on the actual layout and whatnot. (I looked at your blog and the widgets seem to centered already.)

      I hope this helps!

    • You should fix alignment & style in CSS and not in HTML. Your HTML should only have the structure of the content of your page, not the styling.
      For example, if you want to style the h1 tag so it’s bold, 24px, centered and underlined, you need to create an css class separately.

      h1 {
      text-align: center;
      text-decoration: underline;
      font-size: 24px;
      font-weight: bold;
      }

      Here is a great website with tons of css references. http://www.w3schools.com/cssref/

      They have HTML references as well.

    • Liz says:

      put centered stuff here

  4. Avatar of JayMarie
    JayMarie says:

    HTML is important! I was lucky to learn it long before I got into blogging!

    Jay

  5. Sarah-Louise says:

    I’m planning on starting my own blog in the next few months and have been doing some research and HTML is the main area I’m conscious of learning. I know that some other bloggers do tutorials also! Any tips/advice would be greatly appreciated!

  6. pumpsicle says:

    i develop sites and blogs and have been doing so for 6 years.

    I tell my clients ALL OF THE TIME that they don’t need to know HTML and CSS unless they are coding/creating a website. and I stick to that.

    WordPress, Tumblr, and Blogger have enough tools for the average user. Besides tinkering with html tags can have undesired results in layout and html.

    Unless you are willing to learn all of it, just do yourself a favor and stick to the wysiwyg.

    • pumpsicle says:

      WordPress, Tumblr, and Blogger have enough tools for the average user. Besides tinkering with html tags can have undesired results in layout and SEO*

      my bad.

  7. I agree with pumpsicle, there are few instances where you will truly need to know html or css. That said, I have come across instances with custom themes on wordpress where a knowledge of html/css is very useful. My advice: if you encounter a problem you need to fix (lets say you want to color a text box widget in wordpress that is mounted on a custom theme) you can often search for a fix for that particular problem and come up with a line of code produced by someone else in a techy forum. Insert your own parameters (for instance what color you want to use etc…) and you are good to go.

  8. I have to agree with pumpsicle and Rachel. You have to be very careful adding HTML/CSS to your site if you don’t really know what you are doing. Hard coding values directly into a post may cause issues for you later on when you have your site professionally designed.

    I’m not saying these aren’t good things to know, in some cases you may need to code a widget for your sidebar, and that’s fine. I just don’t recommend messing around with code in your posts. I would say the most important things to know are the link tags (and don’t forget target=”_blank” after the link to open in a new window), and image tags (don’t forget alt=”description goes here” after the image source for placeholder text and to set the default description for Pinterest).

Trackbacks for this post

  1. Bigger, Better, Bolder: 5 HTML Tags You Should Know | IFB « Sutoprise Avenue, A SutoCom Source

What do you think?