Congratulations. You are now taking your first step, of many, to becoming a web designer. (Or maybe you stumbled across our blog by accident, which in that case, you will probably be bouncing soon.) 😉
Since first falling in love with the thought of web design and coding several years back, my never-ending journey has brought plenty of good and bad experiences in the web-design world. The entire purpose of this blog, however, is to help you skip the mistakes we have made and get right to the good stuff– creating successful websites that help boost online sales, generate residual traffic, and build your online presence.
Before we get started, here’s a quick example of what HTML looks like. (Don’t worry, it’s a lot easier than it looks.)
<!DOCTYPE html> <html> <head><title>Flight Media Blog Rocks</title><head> <body> <h1>This is a header.</h1> <ol> <li>List item #1</li> <li>List item #2</li> <li>List item #3</li> </ol> <p>This is a paragraph. (I'm writing this blog post in a paragraph!)</p> </body> </html>
Every webpage you look at is made up of HTML. It’s what makes a website function and do all the cool things we see plenty of websites do. Without HTML, buttons would not be ‘clickable,’ there would be no text links, and websites would literally just be online portraits. For example, I have two lines of text below. One has an HTML hyperlink and the other has no HTML.
Text #1: I’m text that enjoys HTML!
Text #2: I’m boring text that doesn’t like HTML.
As you can clearly see, text #1 opens Flight Media’s website in a new tab and Text #2 does absolutely nothing. This is merely the beginning of why HTML is so great.
HTML stands for Hypertext Markup Language. Hypertext is basically “text with links in it.” Markup Language is a programming language used to make text do much more than just exist on a page. (i.e. It allows it to turn into images, lists, tables, and a ton more.) Think of HTML as the skeleton of the human body. Without a the skeleton and everything that makes our bodies function, we would just be a pile of worthless skin.. (Kind of a weird analogy, but I’m sure you’ll remember it!)
*Side-note: You may be wondering what makes the skeleton look pretty. CSS is what makes websites look pretty, but before we jump ahead of ourselves, let’s finish the basics of HTML!
Like any language, HTML has it’s very own syntax. What this means is that everything has an order, just like a regular language.
For example, you could say, “Josh is learning HTML” or “learning Josh is HTML.”
Although they are both filled with proper English words, one sentence uses proper syntax and one does not. Obviously, anyone who understands proper English syntax will immediately realize the the first method is correct and the second is placing the verb before the subject–which is a big ‘no-no.’
This is syntax.
Just like the order or word placement in the English language, HTML has an order for code placement. (Don’t worry, it’s not as difficult as it sounds. We will guide you to make sure everything is in proper syntax.)
Now that you understand a little about what HTML is, it’s time to dive in.
Coding and web design gives an immense feeling of accomplishment throughout the process and can help open the doors to new career opportunities, boost online sales, generate residual traffic, and much more.
As you browse more articles on this blog, feel free to comment with a link to your website so we can look it over and give you some advice during your web-designing journey!