Exercise 01
Overview of Git and Web Flow
It’s not exactly an exercise, just a multiple-choice quiz to check knowledge about Git and the basics of web protocols, web responses, and the server-client model.
Exercise 02
HTML is what
HTML structure and semantics
Text formatting (headings, lists, blockquotes)
Exercise 03
HTML Practice & Content Blocks
Practice working with HTML content blocks, semantic elements, and
table layouts.
Includes examples like product info, poems, formulas, edit history,
and more.
Exercise 04
HTML Form
Practice creating various HTML forms using semantic elements, input types, and table layouts.
Includes examples like account registration, product ordering, surveys, multi-step contact forms, login with 2FA,
service login, and detailed registration tables.
Exercise 05
HTML Selector
Practice applying CSS selectors, combinators, and pseudo-classes/pseudo-elements to style HTML content.
Includes examples like coloring elements by tag, class, and ID; styling nested and direct children; hover and active
states;
list item targeting with :first-child, :last-child, and :nth-child; adding
icons with
::before and ::after; styling the first letter and first line of paragraphs; and customizing
text selection.
Exercise 06
Pseudo Elements
Practice applying CSS pseudo-elements to style HTML content.
Exercise 07
HTML Model Box
Practice applying CSS model box to style HTML content.
Exercise 08
HTML Flexbox
Practice applying CSS model box to style HTML content.
Exercise 10
HTML Form
Practice applying CSS transition to style HTML content.