The Website as a Human BodyTo make this easy to understand, I’m going to refer to these three web languages as different aspects of the human body.
HyperText Markup Language (HTML)
Content and basic structure
Describes and defines
Made up of tags
Tells the browser what to display
HyperText Markup Language (HTML) can be broken down into HyperText, which is what grants access to other texts through links, and Markup which outlines the basic structure and appearance of raw text. What this means is that HTML describes and defines the content and basic structure of the website. It does this through a means of special tags or codes which tell the browser what to do. HTML is the bare basics of a website.
Cascading Style Sheet (CSS)
Gives style and structure to the content
Link the CSS file to the HTML
Tells the browser how to display
A Cascading Style Sheet is the website’s accessories. It’s responsible for outlining the colours, font and positioning of the content on a website. It adds some style and structure to the content. In order to make use of the CSS capabilities it needs to be linked within the HTML content so that style can be added to the website. CSS will tell the browser how to display the existing HTML.
The body’s ability to perform actions
Behaviour of the website
Used for interactive functionality
Allows for the user to interact with the browser