HTML5 Tutorial for Beginners

HTML5 CSS and Structured Data Tutorials for Beginners

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

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 .

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

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

Example Two

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document Title</title>

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  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. The template to download is here.

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 vocabulary “that’s the future of internet”.

Now in June 2016 mobile device optimization and Structured Data is the new reality, what better way to take advantage of these new features using and Rich Results

Author: RankYa

RankYa: Online Entrepreneur, Web Developer, Google AdWords and Google Analytics Certified Professional. Specialist in: Structured Data, Microdata, Microformats, RDF, Vocabulary, HTML5, WordPress optimization, Advanced Image Optimization, Google Webmaster Tools, Social Media Marketing, Facebook marketing and YouTube video ranking mastery. Latest Course The Art of 2016 SEO View all posts by

2 thoughts on “HTML5 Tutorial for Beginners”

  1. Roger

    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,


    1. RankYa

      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

Have Your Say! Comment

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