Taking your first foray into web development and design can be a daunting task. What do all these buzzwords mean – and what is a meta description anyway? In our latest post we explore 5 commonly used HTML element tags and what they do.
Meta tags are tags used to store data such as metadata, meta-titles, meta-keywords, etc. They’re important because they allow search engine bots to crawl your site and pick up useful information. This is part of how Google and other search engines rank the importance of your site.
An example of metadata would be:
<meta name=”description” content=”Blogging about meta tags”>
<meta name=”Keywords” content=”HTML, meta tags, awesome blogs”>
<meta name=”Author” content=”Jonathan Ben-Avraham”>
These tags would be placed within the <head></head> tags in your HTML document.
Nav or Navigation tags define parts of the web page which is specified for navigation throughout the site or page. E.g you might have some code looking like this:
<li><a href=”www.mywebsite.co.uk/things-to-do”>Things To Do</a></li>
This will look something a little like this:
The strong element makes the text within a <h1/> or <p/> tag bold. A lot of developers use this element to make their headers larger or to express the importance of certain content which may be hardcoded in that can’t be edited from the CMS platform ( for instance, WordPress, Joomla etc.)
This is small text.
This is strong text.
This is a normal header
This is a strong header.
CSS <script> tag:
This CSS script would make the background colour of your HTML document bright Yellow. A list of colour hex codes can be found here.
This is what the page will look like:
The iframe element is used to embed media into a webpage, for example you could embed a SoundCloud file, an image, a movie, a video, etc. Embedding is a great way to share other people’s online content too. For example if you find a video on YouTube that you want to share, you can find the embed code which almost always starts with <iframe> and ends with </iframe>.
Here is an example of how <iframe> tags are used
<iframe width=”420” height=”315” src=http://www.youtube.com/watch?v=t2ByLmLnYJ8></iframe>
This will produce something that looks like this:
Using the 5 Commonly Used HTML Element Tags
Of course, this merely skims the surface of great web development, however, eBay wasn’t built in a day! If your needs extend further, the POSH door is always open for support. In the meantime, take our 5 commonly used HTML element tags are begin building the blueprint to your e-commerce empire!