CSnap/cheetsheetz
CSnap
/
cheetsheetz
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated HTML sheet.

This commit is contained in:
CSnap 2023-11-19 07:42:31 +00:00
parent f661565b3d
commit 60a1563731
1 changed files with 72 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
HTML.md
View File

@ -1,58 +1,93 @@
# HTML and CSS3 Cheat Sheet # HTML and CSS3 Cheat Sheet
## Table of Contents ## Table of Contents
1. [HTML Basics](#html-basics) 1. [HTML Basics](#html-basics)
1.1 [Document Structure](#document-structure)
1.2 [HTML Elements](#html-elements) 1.1 [Document Structure](#document-structure)
1.3 [Headings](#headings)
1.4 [Paragraphs](#paragraphs) 1.2 [HTML Elements](#html-elements)
1.5 [Lists](#lists)
1.6 [Links](#links) 1.3 [Headings](#headings)
1.7 [Images](#images)
1.4 [Paragraphs](#paragraphs)
1.5 [Lists](#lists)
1.6 [Links](#links)
1.7 [Images](#images)
2. [HTML Advanced](#html-advanced) 2. [HTML Advanced](#html-advanced)
2.1 [Forms](#forms)
2.2 [Tables](#tables) 2.1 [Forms](#forms)
2.3 [Semantics](#semantics)
2.4 [Media Elements](#media-elements) 2.2 [Tables](#tables)
2.5 [IFrames](#iframes)
2.3 [Semantics](#semantics)
2.4 [Media Elements](#media-elements)
2.5 [IFrames](#iframes)
3. [CSS3 Basics](#css3-basics) 3. [CSS3 Basics](#css3-basics)
3.1 [Selectors](#selectors)
3.2 [Box Model](#box-model) 3.1 [Selectors](#selectors)
3.3 [Colors and Backgrounds](#colors-and-backgrounds)
3.4 [Text Styling](#text-styling) 3.2 [Box Model](#box-model)
3.5 [Fonts](#fonts)
3.3 [Colors and Backgrounds](#colors-and-backgrounds)
3.4 [Text Styling](#text-styling)
3.5 [Fonts](#fonts)
4. [CSS3 Advanced](#css3-advanced) 4. [CSS3 Advanced](#css3-advanced)
4.1 [Flexbox](#flexbox)
4.2 [Grid](#grid) 4.1 [Flexbox](#flexbox)
4.3 [Transitions](#transitions)
4.4 [Transforms](#transforms) 4.2 [Grid](#grid)
4.5 [Animations](#animations)
4.3 [Transitions](#transitions)
4.4 [Transforms](#transforms)
4.5 [Animations](#animations)
5. [Responsive Web Design](#responsive-web-design) 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. [CSS Layout](#css-layout)
6.1 [Floats](#floats)
6.2 [Positioning](#positioning) 6.1 [Floats](#floats)
6.3 [Display Property](#display-property)
6.4 [Box Sizing](#box-sizing) 6.2 [Positioning](#positioning)
6.3 [Display Property](#display-property)
6.4 [Box Sizing](#box-sizing)
7. [Advanced HTML Techniques](#advanced-html-techniques) 7. [Advanced HTML Techniques](#advanced-html-techniques)
7.1 [Canvas](#canvas)
7.2 [SVG](#svg) 7.1 [Canvas](#canvas)
7.3 [Web Components](#web-components)
7.4 [Drag and Drop](#drag-and-drop) 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. [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.1 [Custom Properties (CSS Variables)](#custom-properties-css-variables)
8.3 [Filter Effects](#filter-effects)
8.4 [Clipping and Masking](#clipping-and-masking) 8.2 [CSS Grid Layout](#css-grid-layout)
8.3 [Filter Effects](#filter-effects)
8.4 [Clipping and Masking](#clipping-and-masking)
## HTML Basics ## HTML Basics