From 60a15637312f31552d376e740b9f516050c6dcae Mon Sep 17 00:00:00 2001 From: CSnap Date: Sun, 19 Nov 2023 07:42:31 +0000 Subject: [PATCH] Updated HTML sheet. --- HTML.md | 109 +++++++++++++++++++++++++++++++++++++------------------- 1 file changed, 72 insertions(+), 37 deletions(-) diff --git a/HTML.md b/HTML.md index 19a0db0..e71cc40 100644 --- a/HTML.md +++ b/HTML.md @@ -1,58 +1,93 @@ # HTML and CSS3 Cheat Sheet ## Table of Contents - 1. [HTML Basics](#html-basics) - 1.1 [Document Structure](#document-structure) - 1.2 [HTML Elements](#html-elements) - 1.3 [Headings](#headings) - 1.4 [Paragraphs](#paragraphs) - 1.5 [Lists](#lists) - 1.6 [Links](#links) - 1.7 [Images](#images) + + 1.1 [Document Structure](#document-structure) + + 1.2 [HTML Elements](#html-elements) + + 1.3 [Headings](#headings) + + 1.4 [Paragraphs](#paragraphs) + + 1.5 [Lists](#lists) + + 1.6 [Links](#links) + + 1.7 [Images](#images) 2. [HTML Advanced](#html-advanced) - 2.1 [Forms](#forms) - 2.2 [Tables](#tables) - 2.3 [Semantics](#semantics) - 2.4 [Media Elements](#media-elements) - 2.5 [IFrames](#iframes) + + 2.1 [Forms](#forms) + + 2.2 [Tables](#tables) + + 2.3 [Semantics](#semantics) + + 2.4 [Media Elements](#media-elements) + + 2.5 [IFrames](#iframes) 3. [CSS3 Basics](#css3-basics) - 3.1 [Selectors](#selectors) - 3.2 [Box Model](#box-model) - 3.3 [Colors and Backgrounds](#colors-and-backgrounds) - 3.4 [Text Styling](#text-styling) - 3.5 [Fonts](#fonts) + + 3.1 [Selectors](#selectors) + + 3.2 [Box Model](#box-model) + + 3.3 [Colors and Backgrounds](#colors-and-backgrounds) + + 3.4 [Text Styling](#text-styling) + + 3.5 [Fonts](#fonts) 4. [CSS3 Advanced](#css3-advanced) - 4.1 [Flexbox](#flexbox) - 4.2 [Grid](#grid) - 4.3 [Transitions](#transitions) - 4.4 [Transforms](#transforms) - 4.5 [Animations](#animations) + + 4.1 [Flexbox](#flexbox) + + 4.2 [Grid](#grid) + + 4.3 [Transitions](#transitions) + + 4.4 [Transforms](#transforms) + + 4.5 [Animations](#animations) 5. [Responsive Web Design](#responsive-web-design) - 5.1 [Media Queries](#media-queries) - 5.2 [Viewport](#viewport) + + 5.1 [Media Queries](#media-queries) + + 5.2 [Viewport](#viewport) 6. [CSS Layout](#css-layout) - 6.1 [Floats](#floats) - 6.2 [Positioning](#positioning) - 6.3 [Display Property](#display-property) - 6.4 [Box Sizing](#box-sizing) + + 6.1 [Floats](#floats) + + 6.2 [Positioning](#positioning) + + 6.3 [Display Property](#display-property) + + 6.4 [Box Sizing](#box-sizing) 7. [Advanced HTML Techniques](#advanced-html-techniques) - 7.1 [Canvas](#canvas) - 7.2 [SVG](#svg) - 7.3 [Web Components](#web-components) - 7.4 [Drag and Drop](#drag-and-drop) + + 7.1 [Canvas](#canvas) + + 7.2 [SVG](#svg) + + 7.3 [Web Components](#web-components) + + 7.4 [Drag and Drop](#drag-and-drop) 8. [Advanced CSS Techniques](#advanced-css-techniques) - 8.1 [Custom Properties (CSS Variables)](#custom-properties-css-variables) - 8.2 [CSS Grid Layout](#css-grid-layout) - 8.3 [Filter Effects](#filter-effects) - 8.4 [Clipping and Masking](#clipping-and-masking) + + 8.1 [Custom Properties (CSS Variables)](#custom-properties-css-variables) + + 8.2 [CSS Grid Layout](#css-grid-layout) + + 8.3 [Filter Effects](#filter-effects) + + 8.4 [Clipping and Masking](#clipping-and-masking) ## HTML Basics