HTML5 & CSS3: Build Your Website in 7 days (2026)

Name: HTML5 & CSS3: Build Your Website in 7 days (2026)
Rating: 4.2 (14 reviews)

From Zero to Website: Master HTML5 & CSS3 in Just 7 Days

Created byCreative Online School

Last updated 11/2025

English

English [Auto],

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
Will able to code responsive web using CSS3

Course content

2 sections • 29 lectures • 1h 34m total length

Introduction to HTML3:11
Explore how HTML serves as a markup language, use tags to structure content, and understand hyperlinks that connect pages, distinguishing markup from programming.
AI-Driven CI/CD and Automation in HTML5 and CSS3 Websites0:02
Difference between HTML and HTML53:47
Compare HTML to HTML5, tracing upgrades from HTML4 and XHTML to semantic tags like header, footer, nav, and article, and highlight HTML5's plugin-free video, audio, canvas, and geolocation features.
Making your first HTML page4:23
Create your first HTML file using a simple text editor, save as index.html, and view it in a browser to see bold text via the b tag.
Tools to create HTML files3:14
Explore free and low-cost HTML5 editors for building websites, including Sublime Text, Brackets, and Dreamweaver, with browser previews and extensions to enhance your coding workflow.
Base HTML Tags5:59
Explore the anatomy of a basic HTML page, compare HTML4 and HTML5 doctypes, and structure pages with the head and body, including title, meta, and external CSS and JavaScript links.
Paragraph Tags3:06
Learn to use the HTML paragraph tag (<p>) to create and separate paragraphs, with opening and closing tags, and see the browser render them using El Ipsum greek copy.
Break Tags2:29
Discover how the break tag creates a single-line break within a paragraph, using the self-closing br tag to shift text to the next line without extra paragraph spacing.
Header Tags5:23
Format text with header tags from h1 to h4 and understand their SEO impact. Use one h1 and appropriate h2–h4 to structure content for better ranking.
Bold and Italic Tags4:18
Learn two ways to bold text with b and strong, and two ways to italicize with i and em, emphasizing accessibility and the preferred practice of using strong and em.
Ordered and Unordered Lists4:07
Learn how to create and style ordered and unordered lists in HTML using ul, ol, and li, including converting bullets to numbered lists.
Absolute Link vs. Relative Link5:18
Learn to link images, emails, and pages using absolute and relative links in HTML, and understand how relative paths relate to the index file.
Hyperlinking to an external page4:25
Create hyperlinks using the a tag and href to link internal pages with relative links or external sites with absolute links, and use target to open in a new tab.
Hyperlinking to an email address1:22
Create email links in html using the mailto: syntax to open an email program and prefill the recipient in the to field, as shown with an example like bob@aol.com.
Hyperlinking to a file in your site2:00
Learn to link to files within your site using the A href tag, including PDFs and zip files, with relative versus absolute paths and open in a blank window.
Playing and controlling audio4:43
Learn to embed audio and video with HTML5, using audio and source tags, multiple formats (mp4, mp3, ogg), the controls attribute for playback, and relative paths.
Playing and controlling video3:57
Learn to add video to HTML with the video tag, supply mp4 and other formats like ogg, and control playback with controls, autoplay, loop, and preload.
Embedding a video3:47
Learn to embed a YouTube video on your page using an iframe, adjust embed options like controls, title, and autoplay, and host videos externally to reduce bandwidth.

About the class - what you will need1:09
Learn the fundamentals of CSS (cascading style sheets) and build a small website using your favorite HTML editing program, starting from a basic understanding of HTML.
What is CSS and why we will use it2:22
Discover how CSS, not really a programming language, styles HTML to give a uniform look, using cascading stylesheets to control typography across an entire site with a single file.
What's new in CSS34:15
Explore what's new in CSS3, including mobile-first responsive design with media queries, module-based code, web font support, 2D and 3D transforms, animations, transitions, colors, gradients, rounded corners, and box sizing.
CSS Selectors, properties and attributes1:19
Learn how CSS selectors target HTML elements, IDs, and classes in CSS3, and understand how these selectors define and target page elements throughout the course.
ID Selectors1:21
Understand the id selector in CSS, which defines page areas using the hash symbol and an id attribute. Name areas freely and apply the same id in HTML and styles.
Class Selectors1:41
Learn how class selectors target smaller, reusable styles in CSS, using period prefixes and named styles like purple button or half column to build layouts and visuals.
Element Selectors1:25
learn how element selectors target all instances of a given HTML tag, apply classes directly to tags, and use them alongside class or id selectors for flexibility.
All Selectors1:26
Explore the universal selector, also called the all selector, to reset default HTML styles by applying zero margin and zero padding, preventing conflicts and setting a clean slate for CSS.
Internal style sheets6:38
Learn to use internal style sheets by placing a style tag in the head, defining a class, and applying it to paragraphs to control font family, size, and color.
External style sheets3:26
Learn how to use external style sheets to apply consistent CSS across many HTML pages by linking a single styles.css file and updating it to propagate changes.
Inline styles3:36
Explore inline styles in HTML, compare them with internal and external style sheets, and learn why external styles are preferred, since inline styles override others in specific cases.

Requirements

No programming experience required. You will learn everything you need.

Description

Are you ready to create your own professional website from scratch in just 7 days? This hands-on course is designed for beginners and aspiring web developers who want to master HTML5 and CSS3 quickly and effectively.

Starting from the very basics, you will learn how to structure your web pages using HTML5, and bring them to life with modern CSS3 styling techniques. By the end of this course, you will have a fully functional, responsive website that works perfectly on desktops, tablets, and mobile devices.

Through step-by-step lessons, you will gain practical skills in creating layouts, adding images, designing forms, styling text, and applying animations to make your website visually appealing. You’ll also learn best practices for responsive design, ensuring your site looks great on any device.

This course is packed with real-world examples, practical exercises, and mini-projects, so you can apply what you learn immediately. No prior coding experience is required – all you need is a computer and a passion for learning.

Whether your goal is to build a personal portfolio, a business website, or kickstart your web development career, this course will give you the confidence and skills to succeed.

By the end of 7 days, you won’t just know HTML5 and CSS3 – you’ll have a live website to showcase your new skills. Start your journey today and unlock the power of web development!

Who this course is for:

Beginner Web Developer

HTML5 & CSS3: Build Your Website in 7 days (2026)

What you'll learn

Explore related topics

Course content

Working with HTML5 to Build Website18 lectures • 1hr 6min

Working with CSS3 to Build Websites11 lectures • 29min

Requirements

Description

Who this course is for: