This article was originally published in my blog www.exceptionalprogramming.com
Want to know a simple way to understand three of the most important front-end elements of software web development?
This article will do just that as it will explain how Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), and Javascript work in harmony to bring about the beautiful web pages we all interact with every day.
First, let’s read over the sentence “The Brown Dinosaur Danced.” In this sentence we could use HTML to represent “Dinosaur(noun)”, CSS for “Brown (adjective)”, and Javascript for “Danced (verb).”
HTML consists of items like paragraphs, and headings which are like the nouns in a sentence as they are the main structures/characters. CSS, you can think of as adjectives because they describe and give a deeper understanding of HTML.
For example, if you have a heading on a website with CSS you can add a number of styles to it like making it bold, capitalizing, making it a particular font, etc.
Finally, we can look at Javascript as the verb because it allows the user to see and do actionable steps on the screen like computing numbers or pressing a button on a screen that leads to another website link. That is why the example sentence at the beginning of the article that “danced” was used to describe Javascript as it shows the brown Dinosaur doing something like dancing.
This was a brief synopsis of how HTML, CSS, and Javascript work together. It’s not meant as an exhaustive deep dive into the concepts but just a simple way for beginners on these concepts to better understand how they relate with one another.
Please like and share this article if you found helpful.
You can check out some of my other articles on my blog www.exceptionalprogramming.com
Top comments (0)