HTML5 Tutorial for Beginners

mobile SEO HTML5

HTML5 is built on Hypertext Markup Language (HTML), so let’s first make that distinction so that your learning in the future can be built on strong foundations.

HTML5 however now offers you better semantics and that’s the future of the World Wide Web (meaningful web pages) particularly with major search engines like Google now officially supporting Structured Data.

This blog post contains basic knowledge as well as the video HTML5 and CSS Tutorial for Beginners that I believe will provide you with enough knowledge for your learning about HTML5, because it really doesn’t have to be complicated. So now let’s first look at some sample examples.

Example One

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HTML5 Tutorial for Beginners </head> <body> </body> </html>

Example Two

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Document Title</title> </head> <body> </body> </html>

Now the only difference between the 2 examples are the Document Type Declarations. So thus, to make your web document HTML5 compliant, you just declare your document type to be <!DOCTYPE HTML> as in the example one.

Now the browsers can understand that your web page (HTML document) should be rendered as HTML5 giving you access to all the HTML elements like <article> <footer> <address> <canvas> and others.

Notice how I said HTML elements, as opposed to HTML5 elements. So always think of it as just “Hypertext Markup Language

I created a video tutorial because I found many other video tutorials complex for beginners (telling you to download complex programs for learning HTML5) because if you are just starting out wanting to learn from scratch, then, you should just focus your full attention on learning HTML5 and CSS only.

However, I also included basic CSS tutorials as well (keep in mind that CSS3 is just an extension to CSS) same is true for HTML5 being an extension to HTML.

Here’s the HTML5 and CSS Video Tutorial for Beginners

As you can see in the above video, learning HTML5 isn’t that complicated, and the best way to get the experience is through creating your own websites.

Because internet always evolves so therefore, as long as you have the foundation skills in your knowledge, then you can create stunning websites that are fully meaningful using HTML5 semantics and schema.org vocabulary “that’s the future of internet“.

Today mobile device optimization and Structured Data is the new reality, what better way to take advantage of these new features using Rich Cards and Rich Results

By RankYa

RankYa digital marketer, website optimizer, content creator, and a fully qualified web developer helping businesses of all sizes achieve greater results online. Based in Melbourne Australia RankYa serves valued clients worldwide by providing personalized services.

We love sharing our proven experience through how to videos and complete courses related to business website marketing, conversion optimization, Google (Search Console, Ads, Analytics, YouTube), SEO, HTML5, Structured Data and WordPress WooCommerce Shopify. Thank you for visiting our blog.

2 comments

  1. Hey RankYa,
    Another great article, but the video isn’t available in my country -U.S.- so I wasn’t able to benefit entirely. Didn’t know if that was something you did purposely or not.

    Thanks for all the info,

    Roger

    1. Hi Roger, thank you for letting me know of this, my honest mistake as this video HTML5 Tutorials for beginners should be able to viewed by everyone (there are no videos that require payment to watch on RankYa SEO and Online Marketing Blog). Anyhow, I fixed this up now you should be able to watch this video (your comments would be much appreciated). Also, please check your email as I sent you an email (please confirm that you received the email as well). Thank you Roger for spreading the word about RankYa

Questions? Leave a Comment!

Your email address will not be published. Required fields are marked *