Html & Css Fundamentals: Build Your First Websites

Learn HTML & CSS step-by-step — create beautiful, responsive websites, even if you’ve never written code before.

What you'll learn

Begin to learn how to use HTML

Begin to learn how to use CSS

Get started with VS code

Begin your journey into web development

Requirements

No experience needed, this is your introduction and will take you though all the steps you need to set it up.

Description

Want to create your own website but have no idea where to start? This beginner friendly course takes you from zero experience to confidently building your own webpages, all in plain English, with no confusing jargon or unnecessary theory.We start with HTML, the building blocks of every website. You will learn how to structure content, add text, images, links, and forms, and create pages that are well organized and easy to read.Then we move on to CSS, where you will discover how to bring your pages to life with colors, layouts, fonts, and responsive designs that look great on mobile, tablet, and desktop devices.Everything is hands-on. You will not just watch me code, you will be coding along step by step, building real projects from scratch so you can apply what you learn immediately. By the end, you will have your own working websites and the confidence to keep creating exciting new projects for any purpose you choose.Whether you want to build a personal blog, portfolio, or small business site, this course gives you the skills to make it happen. No prior experience is needed, just your computer, internet connection, and a willingness to learn and experiment.

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Lesson 1: Getting Started

Lecture 2 Getting Started

Lecture 3 Hello World!

Lecture 4 Intro to Tags

Lecture 5 Mini Challenge

Lecture 6 Recap

Section 3: Lesson 2

Lecture 7 Introduction to Lesson 2

Lecture 8 Headings

Lecture 9 Paragraphs

Lecture 10 Line Breaks

Lecture 11 Horizontal Rule

Lecture 12 Mini Challenge

Lecture 13 Recap

Section 4: Lesson 3

Lecture 14 Introduction to Lesson 3

Lecture 15 Links

Lecture 16 External vs internal Links

Lecture 17 New tab link

Lecture 18 List Unordered

Lecture 19 List Ordered

Lecture 20 Images

Lecture 21 Images from the Web

Lecture 22 Resizing a Image

Lecture 23 Mini Challenge and Recap

Section 5: Lesson 4

Lecture 24 Introduction to Lesson 4

Lecture 25 Header

Lecture 26 Main

Lecture 27 Section

Lecture 28 Article

Lecture 29 Aside

Lecture 30 Footer

Lecture 31 Mini Challenge

Lecture 32 Recap

Section 6: Lesson 5

Lecture 33 Introduction to Lesson 5

Lecture 34 Deploying CSS

Lecture 35 Style Tag

Lecture 36 Color Tag

Lecture 37 Font-Family Tag

Lecture 38 Text-Align

Lecture 39 Font-Size

Lecture 40 Background-Color

Lecture 41 Mini Challenge and Recap

Section 7: Lesson 6

Lecture 42 Introduction to Lesson 6

Lecture 43 Padding

Lecture 44 Borders

Lecture 45 Margins

Lecture 46 Mini Challenge and Recap

Section 8: Lesson 7

Lecture 47 Introduction to lesson 7

Lecture 48 Block level vs Inline

Lecture 49 Width and Height

Lecture 50 Display

Lecture 51 Flex

Lecture 52 Recap

Section 9: Final Project

Lecture 53 Final Project

Section 10: Additional resources

Lecture 54 Html and CSS cheatsheet

This course is for those interested in web development, with no experience it will teach the fundamentals to begin you on your journey.