Basic HTML Tags



Photo from Stock That Rocks

How much HTML do you know? For us, the answer is very little. The majority of our experience draws upon custom Myspace profiles from back in the day–don’t judge. Despite that, we refuse to be intimidated by lines HTML code. Even if you aren’t a programmer, there are a few HTML tags that are easy enough to learn and can help you to feel way less helpless when trying to troubleshoot on the back end of your blog or website.

First things first, it’s important to know that every time you start an HTML tag, you also need to close it at the end of whatever it is you’re modifying. The close tag looks just like the open tag, but with a backslash after the first bracket.For example, <h1> is a tag used to turn a piece of text into a heading, and it’s close is </h1>. On the back end, the open and close will look like this:

<h1>This is a heading</h1>

And the front end will look like this (like a big ol’ heading, obvi):

This is a heading

Other tags we use frequently:

<a> Allows you to turn text into a link.

<br> Inserts a line break in your text.

<center> Centers the text.

<embed> Allows you to embed content from an external application, like a YouTube video.

<font> This is the tag to look for if you want to change the size, color and even typeface of your fonts.

<h1> The tag used for headings. There are different sizes, <h1> being the largest and <h6> being the smallest heading.

<img> Use this tag to insert images, or to find where images are located in lines of code.

<strong> Emphasizes text you want to stand out (i.e. makes it bold).

<table> This is how you can separate content on a page into different columns.

Keep in mind, we are in no way suggesting to go at it without the help of a developer–simply deleting a few lines can get your whole site in a funk. These tags are more for formatting posts and simple pages, and are a great starting point if you want to learn HTML.