Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

HTML5 Course From Basics To Advanced in English

Learn HTML5 Course in English

Created byRAKESH P

Last updated 8/2021

English

English [Auto],

What you'll learn

You will learn quoting and attributes of HTML 5, <meta> tags, <header>, <footer>, <nav>, <aside> and <article> tags. Application of CSS to HTML 5 elements.
Learners will learn the structure of the main content. Learners will learn about <time> tag/element, pubdate attributes,<blockquote>, <aside>, and <hgroup>.
Use of HTML 5 forms such as search forms, sign-in forms, and forms for comments. Use of <.input> tag of type email, range, color etc. and autofocus attributes.
Learners will learn about the use of <output> elements, use of validation elements and avoiding validation, use of audio/video, canvas and messaging API.

Course content

10 sections • 32 lectures • 7h 13m total length

Introduction Part -112:08
Explore HTML5 basics and document structure, including doctype, html, head, and body, and learn core elements like anchor, form, image tag, audio, video, lists, and frames.
Introduction Part -223:08
Explore HTML5's multimedia and graphics capabilities, including audio, video, scalable vector graphics, animations, offline browsing, geolocation, and responsive design across devices without plugins.

Audio13:30
Learn to implement the html5 audio element with source blocks, controls, autoplay, and loop, and ensure cross-browser support with multiple formats and fallback text when unsupported.
Video15:34
Use the html5 video tag to embed media on a web page, specify sources with src and type, and enable user controls or autoplay for cross-browser playback.
Video Example9:34
Explore how to set up video looping and responsive sizing, control audio with mute and unmute, and prioritize media tags across browsers to ensure correct display.

New Table15:42
Explore how to structure an HTML table with the head, body, and foot sections, and use spanning to merge cells across columns or rows.
Table Example11:03
Create a timetable table with class timings across days, including lunch, and apply borders and spacing using inline, internal, or external styles.
Table Tag Example11:10
Design and style HTML tables using background colors, borders, and alignment; apply styles via stylesheets, links, and internal CSS while building forms like login forms inside a table.

S Tag8:37
Learn about the s tag, a strike-through element in HTML5 used to show old prices and stock status. Display attributes like color and font, with examples from ecommerce layouts.
S Tag Time Tag10:25
Master the HTML5 time tag to mark dates and times, using the datetime attribute and basic styling. See 24-hour formats and calendar dates demonstrated with semantic structure.
Space12:26
Explore how browsers collapse spaces in HTML and how to create spacing using non-breaking spaces (nbsp), the pre tag for preformatted text, and CSS padding and font-family to control spacing.
Progress Tag14:34
Learn how the HTML progress tag renders a progress bar that shows the completion percentage of a task, using the value attribute and an optional label.

Color Code Builder Part - 113:04
Discover how to apply color codes to web pages using inline styles and CSS, specifying background, text, and paragraph colors with hex, rgb, and color names.
Color Code Builder Part - 214:10
Discover how to apply color codes in HTML with color names and hex values, styling paragraphs and borders, and customizing link colors for hover, visited, and active states.
Color Names14:55
Learn how to use HTML color names to style text, backgrounds, and borders, and compare color names with hexadecimal and RGB values for web pages.
Font Reference16:08
Learn how font reference in HTML5 sets font-family, size, weight, and style for elements and the root, with fallbacks for cross-browser consistency.

Colgroup Tag14:43
Learn how to use the colgroup tag to group and style table columns, applying colors and spans to individual columns for layout control.
Cite Tag15:14
Explore the cite tag for referencing creative works, learn how to use blockquote and source attributes, italic text, and linking sources to display referenced content in HTML.
dfn Tag14:54
Explain the dfn tag in HTML5, marking a defined term and its explanation, often with abbreviations or acronyms, and its role in semantic structure and styling.
nobr Tag12:47
Learn how the nobr tag creates non-breaking text, preventing line breaks within a paragraph, and compare it with the br tag, while exploring how CSS styling applies to unbreakable content.
wbr Tag14:02
Explore the html5 wbr tag for word break opportunities, enabling line breaks within long words to prevent unwanted scrollbars and improve text wrapping.
Embed Tag13:18
Discover how the embed tag lets you include images, videos, web pages, and animations on a webpage by specifying type and src attributes for external resources.
Noembed Tag10:37
Learn how to use the noembed tag to embed video, audio, images, or web pages with iframes, and provide graceful fallback content when a browser lacks support.
optgroup Tag15:07
Learn how to use the HTML select element with optgroup to organize related options, label groups, and build clear, user-friendly forms.
Meter Tag11:14
Explore how the HTML5 meter tag represents a value range using min, max, and value, with progress and indeterminate states for voting percentages and disk usage.

Base Tag Part -113:30
Learn how to use the html base tag to simplify relative links with anchor and image tags, control navigation with target attributes, and organize folder structures for consistent file references.
Base Tag Part -210:35
Explore how the HTML object tag serves as a container for images, videos, and external resources, including attributes, type, data, and working with legacy media like flash.
Base Tag Part -321:31
Learn to use the label element to link text with input controls, creating accessible forms, and ensure required fields are clearly indicated in a sample contact form.

Requirements

No previous knowledge of HTML5 is required. But understanding of HTML semantic markup will let you dive deep into the course.
Understanding Javascript and its significance in web development will let you understand the technical aspect of HTML5.
This course is not about learning all the attributes and tags of HTML5, but it teaches you the use of tags and elements and their relationship with each other.
This is a comprehensive course giving you insight into HTML5.

Description

HTML is a Hypertext Markup Language used in the World Wide Web. HTML was used in scientific and non-scientific documents.

This course provides a limited specification of HTML5 tags and CSS stylesheet and a different mechanism of using HTML5 tags and CSS stylesheet.

This course does not include syntax, examples, and use of each and every HTML5 tags/elements. HTML5 tags/elements that are specific to a particular browser are omitted.

The scope of this course is not to deliver the full view of HTML5 but to give an insight of a few but mostly used HTML5 tags/elements to beginners who are new in the domain of HTML. Thus HTML5 tags/elements that are used in high-end workstations are not covered in this course.

This course is targeted particularly to applications that would use beginner-level HTML5 elements regularly. The course is designed in such a way that it can be accessed with CPU requirements and from different locations.

This course describes HTML elements having inbuilt meaning along with the rules that describe the use of these elements. This course also focuses on relationships that exist between different HTML5 elements and relationships that persist between multiple HTML5 web pages.

This course also teaches beginners to use tags that are responsible for making interactions and submit user inputs to the server. There arise conditions when access to the remote server is required thus learners of this course will learn how to establish a connection with a remote server using appropriate attributes of tags/elements. It is also required to teach learners about the use of API to make communicate with different applications. Thus this part of the course will provide you the syntax of using HTML5 tags/elements required to establish connections between different applications and with a remote server.

This course on HTML5 can be taken as any other course and can be read topic-to-topic and many times till understanding of HTML5 is developed. This course can be read or learned top-to-bottom and bottom-to-up as required. Learners of this course may also choose a topic to be learned randomly that is picking up any topic from any section of the course as each topic is independent of the other.

The course also shed light on the CSS stylesheet in reference to HTML5 elements. CSS stylesheet is a Cascading Style Sheet used to develop web pages. CSS is used to set the texture of the web page. CSS governs the typography of the web page as well as sections, partitions, and size of the web pages.

CSS is used in association of HTML5 tags/elements.

This course covers the following topics:

Web page Structure

The <head> section
Understanding of structure elements
Understanding HTML5 with CSS
Appropriate use of HTML5 structural elements
Conclusion of Web page structure

Text

Working on Content Area
How to use blogposts and comments
Understanding HTML5 outline
Conclusion

Forms

Learning about HTML5 Forms
Learning how to use HTML5 input elements
Importance of Validation
Use of Validation
How to avoid validation
Conclusion

Video & Audio

Developing understanding about Video and Audio
Use HTML5 Video elements
Use of HTML5 Audio elements
Accessibility of Audio & Video
Conclusion

Canvas

Basics of Canvas
Use of Canvas
How to Images in HTML5
Animating Canvas
Conclusion

Topics covered in this course come with practical demonstrations of HTML5 tags/elements. These demonstrations enable learners to practice and apply HTML5 tags/elements. Practical demonstrations allow learners to develop cognitive understanding and developing learning behavior.

Exercise and Test series shape learners to achieve their targets. The learner obtaining the highest target also gets a surprise gift from the course organizers. Feedback to learners is given from time to time to improve their performance and develop their understanding. Feedback motivates learners to work hard and achieve their targets.

The course does have a questionnaire session where learners can ask their questions to experts and get queries solved with a defined time limit.

The course also prepares its students to face interview questions related to HTML5. The course gives you the list of Interview Questions related to HTML5. The course does not prefer canned responses but makes learners analyze, process and organize and then deliver.

Who this course is for:

The course is intended for students who want to develop their career as web developers as use of HTML5 and CSS stylesheet is one of the critical aspects of web development.
The course is not suitable for full stack web developers and experienced professionals belonging to the domain of HTML5 and Javascript.
This is a beginner level course targeting learners not having the professional experience of HTML5 and CSS stylesheet.

HTML5 Course From Basics To Advanced in English

What you'll learn

Explore related topics

Course content

HTML 5 Introduction2 lectures • 35min

HTML5 Group2 lectures • 20min

HTML5 Address1 lecture • 14min

HTML5 Audio & Video3 lectures • 39min

HTML5 Table3 lectures • 38min

HTML5 Ruby Tag1 lecture • 16min

HTML5 S Tag4 lectures • 46min

HTML5 Color Code4 lectures • 58min

HTML5 Other Tags9 lectures • 2hr 2min

HTML5 Base Tag3 lectures • 46min

Requirements

Description

Who this course is for: