In this free course, you’ll learn how to code with modern HTML and CSS, the main building blocks of any website. If you want to become a successful web developer, this is where you need to start! At the end of more than eight hours of learning, where we cover everything from basic HTML elements to working with Flexbox and CSS Grid, you’ll test your new skills by building a complete web page. • Download the course files: • Download the assignment: 00:00:00 1.1 Welcome to the Course! 00:03:48 1.2 Prerequisites 00:13:00 2.1 How Websites Are Loaded 00:24:36 2.2 What Is HTML? 00:30:42 2.3 Let’s Create an HTML File 00:42:45 2.4 HTML Elements and Tags 00:50:07 2.5 Inline vs. Block-Level Elements 01:00:41 2.6 The div Element 01:08:00 2.7 Text-Related Elements 01:30:23 2.8 Separating Content With Breaks 01:36:24 2.9 Using Lists 01:47:15 Working With Images 02:04:31 Using Forms and Buttons 02:45:22 Displaying Tabular Data With Tables 02:54:12 HTML5 Semantic Elements 03:01:59 3.1 What Is CSS? 03:04:39 3.2 Adding CSS to an HTML Page 03:11:59 3.3 Using CSS Selectors 03:29:37 3.4 Working With Color in CSS 03:40:49 3.5 Let’s Discover the CSS Units 03:54:36 3.6 Styling Text With CSS 04:10:08 3.7 Setting Dimensions in CSS 04:20:46 3.8 The CSS Box Model 04:45:44 3.9 Working With Borders in CSS 04:55:25 Using the Display Property in CSS 05:05:04 Styling Lists in CSS 05:15:56 Positioning Elements in CSS 05:30:22 Styling Backgrounds in CSS 05:52:10 Building Layouts With Flexbox and CSS Grid 06:19:43 Working with Media Queries for Creating Responsive Websites 06:32:37 4.1 Let’s Code a Simple Design with HTML and CSS 07:46:03 4.2 Conclusion and Homework ► Download unlimited photos, fonts & templates with Envato Elements: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Envato Tuts Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: Envato Elements All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: ► Subscribe to Envato Tuts on YouTube: ► Follow Envato Tuts on Twitter: ► Follow Envato Tuts on Facebook: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - learn html
Hide player controls
Hide resume playing