How to create a Website - HTML & CSS Tutorial for Absolute Beginners

Creating a website from scratch is not as difficult as most people think and in this video I will show you step by step how you can learn it too using HTML and CSS.

00:00:00 Course Overview
00:01:06 Needed Programs
00:01:22 Visual Studio Code
00:01:42 Google Chrome
00:01:58 What is HTML?
00:02:42 Creating an HTML File
00:04:08 The HTML Boilerplate Code
00:10:00 The Shortcut for the Boilerplate
00:11:10 HTML Attributes
00:12:28 Setting the language with the lang attribute
00:13:21 Inserting Text on a Website
00:14:17 Headings in HTML (h Tags)
00:15:47 Paragraphs in HTML (p Tags)
00:17:13 Auto Formatting in Visual Studio Code
00:18:17 Images in HTML (img Tags)
00:22:48 Sections in HTML (section Tags)
00:24:00 Tables in HTML
00:29:38 Block Level Elements and Inline Elements
00:31:03 Lists in HTML
00:32:37 What is CSS?
00:33:04 The style Attribute
00:34:13 The style Tag
00:34:53 External CSS
00:35:23 Creating a CSS File
00:36:42 The Structure of every CSS Assignment
00:37:34 Setting the Background Color with CSS
00:39:24 Including the CSS File (link Tags)
00:40:57 Colors in CSS
00:42:12 Setting Background Images in CSS
00:45:16 Container Elements in HTML (div and span Tags)
00:47:57 Setting the Size of Elements (width and height) in CSS
00:50:48 The Google Chrome Developer Tools
00:53:15 The CSS Box Model
00:54:19 The Margin in CSS (Space around Elements)
01:02:18 Padding in CSS (Space between Border and Content)
01:04:01 Shadows in CSS (box-shadow)
01:06:40 Setting the Font in CSS
01:11:40 Setting the Line Height in CSS
01:13:00 Group Selectors in CSS
01:14:09 Setting the Font Color in CSS
01:14:41 Text Alignment in CSS
01:16:20 Shadows for Texts with CSS (text-shadow)
01:17:20 Rounded Corners in CSS (border-radius)
01:19:41 Positioning Images next to Text with CSS (float)
01:22:35 Classes in CSS (Grouping Elements together)
01:25:44 Borders / Frames for Elements in CSS
01:28:50 Spanning Table Columns over multiple Columns (colspan)
01:31:13 Putting HTML next to each other (Flexbox Containers & justify-content)
01:37:14 Gradients in CSS (linear-gradient)
01:39:14 Styling the List with CSS
01:41:15 Setting the List Symbols with CSS (list-style-type)
01:42:42 Images (Pokeballs) as Bullet Points for Lists in CSS
01:44:42 Sizing Background Images with CSS
01:45:14 Disabling Background Image Repetitions with CSS
01:45:44 Positioning Background Images with CSS
01:47:16 Responsiveness and Setting Display Sizes
01:49:37 Media Queries (Conditions for CSS Assignments)
01:51:08 Styling the Mobile Version of the Website with CSS
02:00:13 Subscribe to the Channel :)