Learn HTML and know that you don’t know

What is HTML?

[{"selector":"#anim-d46fdc11-ce83-4f53-bf24-6f6469a36bdc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ba132ceb-6860-4b2c-945e-b31aa64c7076","keyframes":{"transform":["translate3d(0px, 189.94329%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d8795785-01f1-4bc1-85f0-5746e7a358bd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5b6e8531-918c-40d5-ab72-6f426703b72e","keyframes":{"transform":["translate3d(0px, 507.67173%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Basic HTML Structure

[{"selector":"#anim-5b22e439-ff09-4779-b676-9a46dba5ca7f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7432f4ed-16f2-4445-a3e7-bb4c01197735","keyframes":{"transform":["translate3d(0px, 496.69326%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Working with Images

[{"selector":"#anim-b1ae2bf4-0af7-43bf-9c6d-475d6fcfd064","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d0f6f4c8-d9a4-4989-b732-10237982d46c","keyframes":{"transform":["translate3d(0px, 406.04092%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Creating Lists

[{"selector":"#anim-40c39d88-5e8b-42c2-a688-0ec115df90af","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec04b83a-8689-4bac-bccc-807f192aba0a","keyframes":{"transform":["translate3d(0px, 761.67831%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Formatting Text

[{"selector":"#anim-e263e3d0-d315-43fd-a8c0-1fe882b32119","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-884b89f9-c283-4b09-a033-ec227a3b612c","keyframes":{"transform":["translate3d(0px, 250.26460%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0c4b9ac6-baab-4292-bd17-565464408915","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec102a0b-4b03-4cb3-9a32-a4ac876def00","keyframes":{"transform":["translate3d(0px, 201.10104%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Adding Basic Styling

[{"selector":"#anim-2ca3ecfa-58ba-44ed-a0f6-f3936ec9422d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-751a9013-0708-41ca-b068-86a8de5d5ae6","keyframes":{"transform":["translate3d(0px, 365.90426%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]