Tutorialspoint

Celebrating 11 Years of Learning Excellence! Use: TP11

HTML & CSS from scratch

person icon Paschalyn Jkamso

4.2

HTML & CSS from scratch

Transit from zero to hero point in HTML and CSS.

updated on icon Updated on Jun, 2025

language icon Language - English

person icon Paschalyn Jkamso

category icon Design,Web Design,CSS

Lectures -107

Resources -18

Quizzes -28

Duration -12 hours

Lifetime Access

4.2

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

                                      HTML & CSS from scratch: HTML & CSS course for absolute beginners.

The "HTML & CSS from scratch" course is a course for absolute beginners: individuals without prior knowledge of HTML and CSS, or newbies in tech generally. This course promises to deliver the necessary knowledge required to make a beginner transition from a "zero" point to a "hero" point. 

Paschalyn, the instructor in this course, earned her Bachelor's degree as an Educator and a Computer programmer. During the pandemic, she considered giving full attention to her teaching passion, and so out of a burning desire to give a helping hand to society, she engaged in a couple of projects where she taught lots of students different courses: graphics design and software programming were her main courses. She began her journey by teaching school children in her home country, the Google CS first Scratch course. In 2022, she held the position of Course Director for the "1000 Women in Canva Scholarship Programme 2022" sponsored by Ingressive for Good(I4G) and Malhub Nig, where she taught a thousand women across the globe Graphics and Motion graphics using Canva. Still the same year, she worked with a Youth Empowerment Programme in her country, "The Scam Project", where she taught undergraduates Graphics design using Canva. The record still counting, she has taught countless school children who are in their teen years Computer Science/Programming both physically and virtually. 

This course was birthed as a result of the yearning to give an elaborate explanation of concepts in HTML and CSS which most tech newbies may be struggling to come to terms with. Paschalyn explains all the necessary details to a satisfactory level; she also adopts the use of explainer videos to aid her to achieve this goal.

Throughout this course, it is advisable for students to practice along in each lesson and also pay good attention in class. The students would engage in a lot of lessons but to highlight a few, students will learn:

  • general understanding of what HTML and CSS are,

  • how to style webpages with CSS,

  • create and style HTML forms, navbars/menu-links, tables, images, etc,

  • CSS grids and CSS flexbox: learn to create an image gallery with CSS flexbox,

  • CSS animations,

  • build 2 hands-on projects on CSS animations: CSS animation story scene, walking sprites in CSS,

  • build a responsive Netflix home page with HTML and CSS,

  • host a website for free on Netlify,

  • semantic HTML - HTML5,

  • CSS box model - margin, padding and border, and

  • CSS transitions and CSS 2D & 3D transforms, etc.

This 12 hours course explains all of these with relevant examples and attaches the source codes and each video or other file used to the lesson. 


Goals

HTML & CSS from scratch promises to deliver all the necessary information required to make a beginner transition from zero level to an advanced level in web development. The course covers interesting and advanced HTML and CSS topics like:

  • HTML tables
  • HTML forms
  • HTML iframes
  • HTML Youtube API
  • CSS animations
  • CSS Grid and Flexbox
  • Real coding on cloning a responsive NETFLIX landing page with HTML and CSS.
  • CSS 2D & 3D transformation methods
  • CSS transition methods
  • Hands project with CSS animation (animated story scene and animated sprites)
  • Intro to Github 
  • Web hosting on Netlify
  • Semantic HTML
  • CSS responsive Navbars (side bars, and menu-link bars)
  • CSS box model
  • Responsive CSS web stylings
  • Image gallery hands-on project with CSS flexbox
  • Advanced CSS stylings

Prerequisites

HTML & CSS from scratch is a course for absolute beginners. You do not need to have any prior experience before enrolling in the course. However, here are the basic things one needs.

  • A working laptop/PC (any specification is allowed from windows 10 upwards)
  • A coding editor(A tutorial is covered in the course on how to download and install one).
  • A journal (for jotting relevant details)
HTML & CSS from scratch

Curriculum

Check out the detailed breakdown of what’s inside the course

INTRODUCTION TO HTML & CSS FROM SCRATCH

1 Lectures
  • play icon Introduction to HTML & CSS from scratch 01:04 01:04

INTRODUCTION TO HTML

2 Lectures
Tutorialspoint

OVERVIEW OF AN HTML FILE

2 Lectures
Tutorialspoint

HTML COMMENTS AND QUOTATIONS

2 Lectures
Tutorialspoint

HTML STYLE AND SCRIPT

2 Lectures
Tutorialspoint

HTML IMAGES, HTML FAVICONS & HTML MEDIA

4 Lectures
Tutorialspoint

HTML TABLES

2 Lectures
Tutorialspoint

HTML LISTS

2 Lectures
Tutorialspoint

HTML FORMS

9 Lectures
Tutorialspoint

HTML CLASSES AND IDS

2 Lectures
Tutorialspoint

HTML SEMANTIC ELEMENTS - HTML5

2 Lectures
Tutorialspoint

FILE PATHS

2 Lectures
Tutorialspoint

HTML IFRAMES

2 Lectures
Tutorialspoint

RESPONSIVE WEB DESIGN

2 Lectures
Tutorialspoint

BONUS - IMPORTANT HACKS AND TIPS

4 Lectures
Tutorialspoint

INTRODUCTION TO CSS

3 Lectures
Tutorialspoint

CSS SYNTAX CONTINUATION

3 Lectures
Tutorialspoint

CSS STYLES

5 Lectures
Tutorialspoint

CSS BOX MODEL

5 Lectures
Tutorialspoint

CSS TEXT FORMATTINGS

7 Lectures
Tutorialspoint

CSS FONT PROPERTIES

5 Lectures
Tutorialspoint

CSS DISPLAY PROPERTY

2 Lectures
Tutorialspoint

CSS OVERFLOW PROPERTY

2 Lectures
Tutorialspoint

CSS POSITIONING

2 Lectures
Tutorialspoint

CSS Z-INDEX PROPERTY

2 Lectures
Tutorialspoint

CSS FLOAT PROPERTY

1 Lectures
Tutorialspoint

CSS OPACITY/TRANSPARENCY

2 Lectures
Tutorialspoint

CSS COMBINATORS

2 Lectures
Tutorialspoint

CSS PSEUDO CLASSES

2 Lectures
Tutorialspoint

CSS GRADIENT

3 Lectures
Tutorialspoint

CSS LINKS

2 Lectures
Tutorialspoint

CSS BOX SHADOW

1 Lectures
Tutorialspoint

STYLED TABLES IN CSS

1 Lectures
Tutorialspoint

CSS PSEUDO ELEMENTS

2 Lectures
Tutorialspoint

CSS GRID

1 Lectures
Tutorialspoint

CSS FLEXBOX

2 Lectures
Tutorialspoint

RESPONSIVE CSS STYLED NAVBARS USING LISTS

3 Lectures
Tutorialspoint

RESPONSIVE CSS FORMS

1 Lectures
Tutorialspoint

CSS TRANSFORMS (2D & 3D TRANSFORMATIONS)

1 Lectures
Tutorialspoint

CSS TRANSITION

1 Lectures
Tutorialspoint

CSS ANIMATIONS

3 Lectures
Tutorialspoint

BUILD A RESPONSIVE WEB PAGE WITH HTML & CSS

1 Lectures
Tutorialspoint

CONCLUSION

2 Lectures
Tutorialspoint

Instructor Details

Paschalyn Jkamso

Paschalyn Jkamso

Web development tutor

Paschalyn Jkamso is an Educator and a Front-end developer. She is passionate about teaching and transferring knowledge. Over the past years, she has taught thousands of students different courses, ranging from Programming, Graphics Design, Computer science, etc. She fully began her teaching journey during the pandemic because she had felt a need to help people make the best of their time during that period, and so she opted for teaching young women and undergraduates especially in her country, Nigeria.

Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515