Hostwinds Blog

Search results for:

Hostwinds HTML Hype Part 2: Tag Talk

by: Hostwinds Team  /  December 20, 2018

Hi there! Get yourself ready for some more Hostwinds HTML hype because today we're getting into the topic of HTML tags. Due to the fact we'll be releasing a blog post in the imminent future (PPPSSSTTT…." imminent future" = tomorrow!) providing viewers with detailed instructions as to how to build a very basic blogging website from scratch, starting with HTML, the Hostwinds Team thought it would be prudent first to give you a little synopsis/overview of pertinent HTML tags so we can refer to this post as we build our website. Without further delay, let's begin with a definition of an HTML tag.

WAIT, significant delay! I recommend taking a look at the previous Hostwinds blog post regarding HTML if the language is completely new to you:

Hostwinds HTML Hype

Okay, no more delays…here we go!

Definition of HTML Tags

I think I'll let one of our Front-Line experts, Abigail, take this one. In the Knowledge Base guide she wrote entitled "How to Create a Custom Landing Page Using HTML and CSS," she describes exactly what it is that tags do:

"Tags are how we identify different elements in our HTML document and will generally come in pairs. Most tags will have a start \<> and an end \, some tags will not have the second tag and will end with a /> this is called an 'empty element,' mainly seen on links and images."

By the way, that guide can be found here:

How to create a custom landing page using HTML and CSS

The tags that amount to an HTML document go in order, denoting the content you'd like to place on your website from the very top to the very bottom. It is important to note that the content you put on your website via HTML tags does not go from left to right by default. In fact, it goes down the page in order by default. In other words, the second thing you display on your website will go directly below the first, the third thing you display on your website will go directly below the second, and so on.

IMPORTANT NOTIFICATION: When the chunk of code I insert into these blog posts is too long to fit into the window, a little scroll bar will appear at the very bottom of such code when you hover your mouse over that area. You can slide the scroll bar to the right to view the entire chunk of code. Keep this in mind throughout this blog post and Parts 1 – 3 of this blog series.

Now, here are a bunch of HTML tags that you very likely see in an HTML document:

Types of HTML Tags

1. H Tags = Heading Tags

Anything between the

Tags denote an extra-large heading.

Anything between the

Tags denote an extra-large heading.

Anything between the

Tags denote a large heading.

Anything between the

Tags denote a medium heading.

Anything between the tags denotes a small heading.

Anything between the

tags denotes an extra small heading.

2. P Tags = Paragraph Tags

Within the opening and closing paragraph, one can place a decent amount of text. This tag is fairly self-explanatory. Place a paragraph of text between an opening and closing paragraph tag.

3. A Tags = Anchor Tags

Anything between the tags denotes a link to another web page or site. When you click on the text, it will redirect you to the designated link that inside the tag.

You can even link to another spot on the same web page you're on using an anchor tag. For example, if I have a link at the top of my web page that says "About Me" and I want users to be directed to the portion of the page where I have a paragraph about me, then I would give the tag wrapping around the paragraph of text about me an ID like so:

1 \

Written by Hostwinds Team  /  December 20, 2018

Need help? Chat now!