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 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>
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>
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>
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?
To 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