The Complete HTML5 Course: From Beginning to Expert

Master yourself in HTML5: Interactive way, step by step and easy to follow. Great for Absolute Beginners!!

Language: english

Note: 4.2/5 (2,475 notes) 186,686 students

Instructor(s): Creative Online School

Last update: 2020-10-22

What you’ll learn

Will be proficient on HTML5 from Basic to Advanced
Will be able to create amazing site using HTML5
Will be able to work with Audio and Video in HTML5
Hands on experience on Data Input and Buttons
Hands on experience on Absolute and Relative Links
Hands on experience on Tags and Lists
Basics and Advanced Concepts on CSS
Basics and Advanced Concepts of jQuery

Requirements

No prior technical knowledge required

Description

Our students testimonials regarding this course —

“Enjoyable, easy to learn and concepts are cleared to the point” — Shivam Agarwal

“A helpful and interesting introduction to HTML5 for complete beginners such as myself. The course contained useful information with references to websites, that could assist in the building of your own website.” — Ian Walker

“Great for Beginner” — Timilehin A. Omotoyinbo

“I find this course helpful help me better to understand the basic of HTML 5.” — Dejan Atanasovski

“very extensive and clearly presented.” — Thando Mtshali

“Yep. IT perfectly suits my expectation. Good course actually. Well done instructor and thank you very much for this wonderful HTML course.” — Praveen Kumar

“Great explanations for everything and easy to follow along!” — Lori robinson

By completion this course, you will be able to read and write front end web development code using HTML5. This course gives you hands on and practical experience on detailed HTML5. Contents of this tutorial #

Interactive HTML5: Basics

Introduction to HTML
HTML4 vs. HTML5
Making your first HTML page
Tools to create HTML files
Base HTML Tags
Paragraph Tags
Break Tags
Header Tags
Bold and Italic Tags
Ordered and unordered Lists

Interactive HTML5: Advanced

Difference between Absolute Links and Relative Links
Hyperlinking to an external page
Hyperlinking to an email address
Hyperlinking to a file in your site
Playing and controlling audio
Playing and controlling video
Embedding a video
Whats is a Table – Pros and Cons
Table properties
Adding an iFrame
Adding an iFrame: Part 2
What is possible with a form using on HTML knowledge
Defining the form
Text fields and text areas
Radio buttons and check buttons
Data input and buttons
Proper file structure
Code commenting
Meta tags

Interactive CSS3: Basics

What is CSS? Why we need it?
What’s new in CSS3
CSS Selectors, properties and attributes
ID Selectors
Class Selectors
Element Selectors
All Selectors
Inline style sheets
External Style sheets

Interactive CSS3: Advanced

The Box model
Adding Color
Working with fonts
Background images
Styling ID tags
Float and Clear
Block and inline elements
Positioning
Adding the elements

Interactive Bootstrap: Basic

Why Bootstrap?
Downloading Bootstrap
Adding Bootstrap in your site
Creating navigation
Styling images
Creating the footer
Adding styled buttons

Interactive Bootstrap: Advanced

Adding Google Maps
Adding an image carousel
Adding a contact form

Interactive jQuery: Basics

What is jQuery and what you will learn?
Downloading jQuery

A first look at jQuery code
Selectors and Filters
Replacing contents
Handling events
Hide/Show events
Fading
Slide
Toggle
Animate
Selectors

Who this course is for

Who wanna learn HTML5
Who wanna create beautiful site using HTML5
Who wanna learn CSS3
Who wanna learn jQuery

Course content

Interactive HTML5: Basics
- Introduction to HTML
- HTML4 vs. HTML5
- Making your first HTML page
- Tools to create HTML files
- Base HTML Tags
- Paragraph Tags
- Break Tags
- Header Tags
- Bold and Italic Tags
- Ordered and Unordered Lists
Interactive HTML5: Advanced
- Difference between Absolute Links and Relative Links
- Hyperlinking to an external page
- Hyperlinking to an email address
- Hyperlinking to a file in your site
- Playing and controlling audio
- Playing and controlling video
- Embedding a video
- What is a Table – Pros and Cons
- Table properties
- Adding an iFrame
- Adding an iFrame: Part 2
- What is possible with a form using only HTML knowledge
- Defining the form
- Text fields and text areas
- Radio buttons and check buttons
- Data input and buttons
- Proper file structure
- Code commenting
- Meta Tags
Bonus Section: Interactive CSS3 Basics + Advanced
- About the class – what you will need
- What is CSS and why we will use it
- What’s new in CSS3
- CSS Selectors, properties and attributes
- ID Selectors
- Class Selectors
- Element Selectors
- All Selectors
- Internal Style Sheets
- External Style Sheets
- Inline Styles
- The box model
- Adding color
- Working with fonts
- Background Images
- Background Images: Part 2
- Styling Links
- Styling ID Tags
Bonus Section: Interactive Bootstrap Basics + Advanced
- Why Bootstrap?
- Downloading Bootstrap
- Adding Boostrap to your site
- Creating the navigation # Part 1
- Creating the navigation # Part 2
- Creating the navigation # Part 3
- Styling images
- Creating the footer
- Adding styled buttons
- Adding Google Maps
- Adding an image carousel
- Styling a contact form
Bonus Section: Interactive jQuery Basics + Advanced
- What is jQuery and Why you need?
- Downloading jQuery
- Adding jQuery to your site
- First look at jQuery code
- Selectors & Filters
- Replacing content
- Handling Events
- Hover Effects
- Hide/Show Events
- Fading
- Slide
- Toggle
- Animate
- Selectors