Now that we know all the history stuff, let’s get dirty and play with few basic examples using this fantastic tool called CodePen.
To enhance your first coding experience, use the infographic below as a blueprint while you are playing with the code examples. Do you see that? Blueprints, testing platforms. . . Are you an engineer or what?
HTML, or HyperText Markup Language, is the standard markup language used to create web pages. Data displayed on HTML documents are contained within delimiters (called tags), and web browsers interpret the data as HTML elements. An HTML document is made up of HTML elements, and each HTML element contains data or more HTML elements.
HTML tags can have attributes defined in the start tag to differentiate, organize, and customize displayed HTML result.
CSS, or Cascading Style Sheets, define how to display HTML elements. CSS has style rules composed of selectors separated by commas and a declaration block enclosed between brackets. Selectors target a specific range of HTML elements, and declarations modify the default web browser representation of selected HTML elements.