Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
HTML5 Masterclass: Build Modern and Mobile Friendly Websites
Rating: 4.4 out of 5(40 ratings)
5,534 students

HTML5 Masterclass: Build Modern and Mobile Friendly Websites

Master The Latest HTML5 Features Build Fast, Responsive Websites That Look Great On All Devices Using HTML5.
Created byBrighter Futures Hub
Last updated 9/2025
English

What you'll learn

  • What is HTML? History and Evolution
  • Setting Up Your Development Environment (VS Code, Sublime Text)
  • Understanding the Basic Structure of an HTML Document
  • Headings, Paragraphs, and Text Formatting
  • Lists (Ordered, Unordered, Definition Lists)
  • HTML Entities and Special Characters
  • Comments and Whitespace in HTML
  • Opening Links in New Tabs
  • Creating a Navigation Menu
  • Embedding YouTube and Other Media
  • Creating Forms with <form>, <input>, and <label>
  • Placeholder, Required, and Other Form Attributes
  • Merging Cells with rowspan and colspan
  • Introduction to HTML5 APIs
  • Geolocation API – Accessing User Location
  • And more

Explore related topics

Course content

1 section • 19 lectures • 2h 30m total length

  • What is HTML? History and Evolution5:16

    Trace the history and evolution of HTML, the hypertext markup language that structures web content with headings, paragraphs, and links, and explore HTML5 semantic elements with CSS and JavaScript.

  • Setting Up Your Development Environment (VS Code, Sublime Text)10:24
  • Understanding the Basic Structure of an HTML Document6:24

    Master the basic structure of an HTML5 document, including doctype, html root, head with utf-8 charset and viewport, and a simple body.

  • Headings, Paragraphs, and Text Formatting10:47
  • Lists (Ordered, Unordered, Definition Lists)9:14

    Explore HTML lists—ordered, unordered, and definition lists—by creating and styling list items with ol, ul, and dl structures, including dt and dd definitions.

  • HTML Entities and Special Characters9:10
  • Comments and Whitespace in HTML6:36
  • Opening Links in New Tabs7:32

    Learn how to open links in a new tab using HTML5, including the target attribute, rel for security with no opener, and dynamic behavior with JavaScript window.open.

  • Creating a Navigation Menu8:44

    Explore building a navigation menu with HTML5 using a nav element and an unordered list, implementing horizontal and vertical layouts with CSS, including hover effects and a fixed 200px sidebar.

  • Using the <picture> and <figure> Elements7:23

    Learn to build responsive, accessible images in HTML5 using the picture and figure elements, with media sources and captions to adapt to screen sizes.

  • Embedding YouTube and Other Media9:52

    Learn to embed YouTube and other media on web pages using the iframe tag, setting width, height, autoplay, and fullscreen options, and even embed a Google map.

  • Creating Forms with <form>, <input>, and <label>5:39
  • Form Input Types (Text, Email, Password, Number, Date, etc.)11:41

    Explore HTML5 form input types like text, email, password, number, and date to collect user data, with practical examples of login forms, age validation, and a date picker.

  • Placeholder, Required, and Other Form Attributes5:27

    Learn to use placeholder and required form attributes to guide user input, validate submissions, and handle basic fields like name and email with a submit button.

  • Form Validation and Input Constraints8:57
  • Creating Tables with <table>, <tr>, <td>, <th>6:23

    Learn to build html tables with table, tr, td, and th to organize data, define headers and cells, and apply borders and simple layouts using rowspans and colspans.

  • Merging Cells with Rowspan and Colspan5:23

    Learn to merge table cells in HTML using rowspan and colspan. See how borders and rows organize names, departments, and ages when applying row and column spans.

  • Introduction to HTML5 APIs3:08

    Explore HTML5 APIs as web development interfaces for interactive features without plugins, covering location, canvas, web storage, data handling, and video or audio communication.

  • Geolocation API – Accessing User Location12:15

    Learn to access user location with the geolocation API in JavaScript, retrieve latitude and longitude, handle permission denied, and display results for maps and location-based services.

Requirements

  • No prior coding experience is necessary! We start from the very beginning.

Description

HTML5 Masterclass: Build Modern and Mobile Friendly Websites

Are you ready to move beyond simple web pages and start building professional, modern websites?


Many HTML courses teach you the tags, but they leave out the critical skills needed to create websites that are not just visually appealing, but also semantically correct, accessible to all users, and perfectly responsive on every device. This Masterclass is different.


This is your all-in-one guide to mastering modern front end development fundamentals. We start with a deep dive into HTML5, where you'll learn how to structure your content with purpose using semantic tags like <header>, <article>, <section>, and <nav>. This isn't just about code—it's about building a solid foundation for SEO, accessibility, and maintainability.


Then, we seamlessly integrate powerful CSS3 and modern layout techniques like Flexbox and CSS Grid to bring your designs to life. You'll learn to create complex, beautiful layouts with ease. Finally, we tie it all together by making your creations fully responsive, ensuring they provide an flawless experience on desktops, tablets, and mobile phones.


What You’ll Learn:

  • Core HTML5 elements and structure

  • Best practices for writing clean, semantic HTML

  • Techniques to enhance accessibility and SEO

  • Building responsive and optimized web pages


By the end of the course, you'll have the knowledge and hands-on experience to create engaging websites and be well prepared for further learning in web design or front end frameworks.


Perfect For:

  • Beginners in web development

  • Aspiring front-end developers

  • Anyone looking to strengthen their HTML skills


By the end of this masterclass, you won't just know HTML5; you'll know how to use it as the cornerstone for building complete, professional, and mobile friendly websites from scratch.


Click "Enroll Now" and begin your journey to becoming a proficient web developer today!

Who this course is for:

  • Absolute Beginners who want to learn web development the right way, starting with a strong, modern foundation.
  • Aspiring Front End Developers looking to build a portfolio with professional, responsive websites.
  • Web Designers who want to gain the coding skills to bring their mockups and prototypes to life.
  • Anyone who learned "old" HTML and wants to update their skills to include HTML5, Flexbox, Grid, and responsive design.

Report abuse