A Beginner Guide to HTML

July 18, 2024
Posted in Blog
July 18, 2024 wandpmarketing.co.uk

A Beginner Guide to HTML

 

HTML, is the backbone of a website, is a crucial element that ensures the site functions correctly and as you would expect. While you may not see the HTML coding when you visit a website, you certainly interact with it and use it, as its what allows all of the buttons to work.

 

But what exactly is HTML? And why It’s not as complex as it may seem.

HTML is simply an abbreviation, and this stands for Hypertext Markup Language.

Our goal is to demystify the complex HTML language often used by web designers. So, grab a cup of tea and a biscuit, and let’s delve into the world of what Hypertext Markup Language is.

 

Hypertext

Hypertext is simply text that contains links to other pages or websites.

You might use a CMS like WordPress?

This has a dashboard and an inbuilt editor. This means you don’t need coding knowledge to make simple edits to the text, such as adding a page title or adding an internal link or to make the text bold.

However, it’s still important to know the basics of HTML. This knowledge can empower you, especially when you need to manually edit text a page within some content management systems.

Let’s dive straight into explaining what some of these HTML tags are. Don’t worry, it’s not as daunting as it may sound.

 

What is a H1 tag?

So we start with this simply because the page H1 tag is essential for SEO purposes and web design
Googlebot will use this to work out what the page is about; for example, if you are selling kitchen blenders, pressure washers or perhaps you’re selling a brand-new refrigerators, you will often write the brand of product and what the item is within the H1 tag.

The H1 tag, therefore, tells what the page is about.

 

<br> This adds a line break

SEO companies and web designers often use this because sometimes they will be adding a blog post management systems and formatting the text. Adding the line break text to the page allows for a line break to make the text,more digestible in paragraph form rather than it being a massive text block.

Alt text

You can add code to explain what is shown in the picture, this is called the “alt text”.

For example, if it’s a labrador dog with a bone in its mouth, you might wish to write something along the lines of alt text: “labrador dog with a bone in its mouth sitting in the garden”.

This tells Googlebot what that picture is about.

You can have can have some SEO benefits because if there are ten pages of say various washing machines, the alt text alone clearly shows that those pages are selling washing machines.

 

URL structure

Although this is not technically HTML, you should add a SEO friendly URL, for example, a page about garden fencing; use the URL extension/garden-fencing

 

Meta title Meta description

Again, you can use HTML code within the source code to label the meta title and meta descriptions; this can help to improve your businesses CTR.

 

Would you like a website designed?

You might have found all this talk about HTML confusing, but do not worry. We can design a brilliant website for your business in under four weeks, so why not call us to get the ball rolling on our designer’s designing a website for your company?
This is a brief overview of some important HTML text that can be added to a page; there are many more.
Make sure you check back for the latest web design help and advice.

High-quality websites designed for just £950.00

We welcome you to contact us for more information
about any of our products or services.