Library
Cuantum trackFull access

HTML and CSS Easy for Non-Coders

16 chapters and 73 canonical sections synced from the Cuantum content database.

Author
Cuantum Tech.
Chapters
16
Reading time
~ 12h
Level
Professional
Language
English
Edition
2025
Your progress0%
Start reading

Chapters & sections

16 chapters - 73 sections

Chapter 1: The Internet and How It Works

0/5
1.1 Overview of the Internet19m1.2 Introduction to Web Development12m1.3 Exercises: Identify Types of Websites and Their Purposes6m1.4 Project: Create a Simple Document Describing What You Hope to Build5mChapter 1 Summary3m

Chapter 2: Introduction to HTML

0/6
2.1 What is HTML?32m2.2 Basic Structure of an HTML Page29m2.3 Understanding Tags, Elements, and Attributes13m2.4 Practical Exercises: Create a Basic HTML Page with Paragraphs, Headings, and Links4m2.5 Project: Build a Personal Bio Page4mChapter 2 Summary4m

Chapter 3: Introduction to CSS

0/6
3.1 What is CSS?25m3.2 How CSS Works with HTML14m3.3 Basic CSS Syntax15m3.4 Exercises: Style Your Bio Page with Simple CSS5m3.5 Project: Enhance the Personal Bio Page with CSS6mChapter 3 Summary4m

Quiz Part I: Introduction to Web Development

0/2
Questions3mAnswer Key1m

Chapter 4: Working with Text and Lists

0/5
4.1 Structuring Text in HTML12m4.2 Creating Lists7m4.3 Exercises: Create a Recipe Page with Structured Text and Lists4m4.4 Project: Build a Blog Post Page4mChapter 4 Summary4m

Chapter 5: Adding Images and Links

0/5
5.1 Embedding Images13m5.2 Creating Internal and External Links15m5.3 Exercises: Add Images and Links to Your Blog Post Page4m5.4 Project: Create a Photo Gallery Page4mChapter 5 Summary4m

Chapter 6: Structuring Web Pages

0/6
6.1 Understanding the Box Model17m6.2 Using Divs and Spans14m6.3 Implementing Navigation15m6.4 Exercises: Structure Your Bio Page with Navigation and Sections5m6.5 Project: Build a Simple Website Structure with a Home Page, About Page, and Contact Page10mChapter 6 Summary4m

Quiz Part II: Building Blocks of Web Pages

0/2
Questions3mAnswer Key1m

Chapter 7: Advanced CSS Styling

0/6
7.1 Advanced Selectors17m7.2 Working with Fonts and Icons19m7.3 Introduction to Flexbox and Grid28m7.4 Exercises: Apply Advanced CSS Techniques to Your Simple Website5m7.5 Project: Design a Responsive Layout for Your Website6mChapter 7 Summary4m

Chapter 8: Forms and User Input

0/5
8.1 Creating Forms in HTML16m8.2 Styling Forms with CSS17m8.3 Exercises: Create and Style a Contact Form6m8.4 Project: Add a Functional Contact Form to Your Website7mChapter 8 Summary4m

Chapter 9: Embedding Multimedia and Interactive Elements

0/5
9.1. Adding Video and Audio15m9.2 Embedding Maps and Other Media17m9.3 Exercises: Embed a Video and a Map to the Contact Page5m9.4 Project: Create an Interactive Product Showcase Page5mChapter 9 Summary3m

Quiz Part III: Advanced HTML and CSS

0/2
Questions3mAnswer Key1m

Chapter 10: Planning and Designing Your Web Project

0/5
10.1 Understanding Web Design Principles17m10.2 Planning Your Project: Online Portfolio and Landing Page for a Digital Product28m10.3 Wireframing and Prototyping24m10.4 Exercises: Plan and Wireframe a Personal Project Website4mChapter 10 Summary4m

Chapter 11: Building Your Project

0/5
11.1. Project 1: Building an Online Portfolio8m11.2 Additional Consideration: Portfolio as a Career Tool13m11.3 Project 2: Building a Landing Page for a Digital Product8m11.4 Additional Consideration: Marketing and Promotion13mChapter 11 Summary4m

Chapter 12: Launching Your Website

0/6
12.1 Web Hosting Basics22m12.2 Domain Names and SSL Certificates20m12.3 SEO Basics and Analytics24m12.4 Special Considerations for Online Portfolios and Digital Product Landing Pages9m12.5 Practical Exercises4mChapter 12 Summary4m

Quiz Part IV: Final Project and Beyond

0/2
Answer Key1mQuestions3m