Explore — Qarpeo

HTML Introduction

Learn what HTML is, how browsers interpret it, and write your very first HTML file from scratch.

mrkaashee

HTML Document Structure

Understand the anatomy of every HTML page — DOCTYPE, html, head, body, meta charset, viewport, and more.

mrkaashee

HTML Text & Headings

Master HTML text elements — headings h1 through h6, paragraphs, line breaks, emphasis, strong, blockquotes, and preformatted text.

mrkaashee

HTML Links & Navigation

Learn how to create hyperlinks, anchor links, email and telephone links, and build accessible navigation menus with HTML.

mrkaashee

HTML Images & Media

Embed images, video, and audio in HTML pages. Learn the img tag, alt text, figure, picture, video, audio, and responsive media techniques.

mrkaashee

HTML Lists

Create ordered, unordered, and description lists in HTML. Learn ul, ol, li, dl, dt, dd, and how to nest lists effectively.

mrkaashee

HTML Tables

Build structured data tables in HTML using table, thead, tbody, tfoot, tr, th, td, colspan, rowspan, and accessibility best practices.

mrkaashee

HTML Forms & Input

Build interactive HTML forms with inputs, labels, selects, textareas, buttons, fieldsets, and built-in validation attributes.

mrkaashee

HTML Semantic

Learn why semantic HTML matters and how to use header, main, footer, article, section, aside, and nav to write meaningful, accessible markup.

mrkaashee

HTML Attributes

Master global HTML attributes — id, class, style, data-*, lang, tabindex, hidden, title — and get introduced to ARIA attributes for accessibility.

mrkaashee

HTML Best Practices

Level up your HTML with proven best practices — proper indentation, comments, W3C validation, SEO fundamentals, performance tips, and common mistakes to avoid.

mrkaashee

HTML Accessibility

Write accessible HTML from the start — ARIA roles, alt text, form labels, skip links, keyboard navigation, focus management, and semantic landmarks.

mrkaashee

CSS Selectors

Master every CSS selector — type, class, ID, attribute, combinator, and pseudo selectors — and understand specificity and the cascade.

mrkaashee

CSS Colors & Backgrounds

Work with color in CSS — hex, rgb, hsl, oklch, opacity — and style backgrounds with colors, images, gradients, and multiple layers.

mrkaashee

CSS Box Model

Understand the CSS box model — content, padding, border, and margin — and how box-sizing affects layout calculations.

mrkaashee

CSS Display

Understand CSS display values — block, inline, inline-block, none, and more — and how they control how elements participate in the page flow.

mrkaashee

CSS Flexbox

Build one-dimensional layouts with CSS Flexbox — flex containers, flex items, alignment, wrapping, ordering, and real-world patterns.

mrkaashee

CSS Responsive Design & Media Queries

Build websites that work on any screen size with media queries, fluid layouts, responsive images, and a mobile-first workflow.

mrkaashee

CSS Variables & Custom Properties

Use CSS custom properties to create reusable design tokens, build theme systems, and write more maintainable stylesheets.

mrkaashee

Introduction to CSS

Learn what CSS is, how it connects to HTML, and write your first stylesheet. Understand the cascade, inheritance, and how browsers apply styles.

mrkaashee

CSS Typography

Style text with CSS — font families, sizes, weights, line height, letter spacing, text alignment, decoration, and web fonts.

mrkaashee

CSS Positioning

Control where elements appear on the page with CSS position — static, relative, absolute, fixed, and sticky — plus z-index and stacking contexts.

mrkaashee

CSS Architecture & Best Practices

Write scalable, maintainable CSS with naming conventions, file organisation, specificity management, and proven architectural patterns.

mrkaashee

CSS Modern Features

Explore powerful modern CSS — container queries, cascade layers, :has(), logical properties, color-mix(), nesting, and scroll-driven animations.

mrkaashee