Are you thinking about building your own website? Maybe a web design firm has engaged you to create a new site and has thrown the terms “HTML” and “CSS” around, thinking you’re an expert in the matter. After reading this article, you’ll have a better understanding of what each of these terms means, and how you might see them used in the “real world.”
The Basics
In it’s most basic form, HTML (Hypertext Markup Language) is used by web developers to build content within each page, while the CSS (Cascading Style Sheets) are utilized for making widespread updates to the design or layout of those pages. This decreases the time needed for the web developer to update components throughout the site, and allows him or her to make one change which affects the entirety of the site.
Primary Differences Between HTML and CSS
HTML (Hypertext Markup Language)
HTML is the backbone for displaying web pages for Internet users around the world. The HTML programming language was originally created by Tim Berners-Lee, in 1989, to give early programmers a way to identify certain portions of a web page. Special “tags” are used to represent things like paragraphs, images and line breaks which form the overall structure of each page. HTML essentially allows web developers the ability to directly affect the content on a particular page.
CSS (Cascading Style Sheet)
When someone mentions something that cascades, one might be led to believe it’s something that has a defined sequence of events that “flow.” Back in 1994, CSS was initially introduced by Håkon Lie to add functionality to an already established HTML code base. CSS is responsible for giving websites an added flare which is lacking in HTML-only websites. CSS allows a designer to create an infinite number of classes and id’s to identify various portions of a site, modify those parameters in one central location, and make changes site-wide. One example would be a link color; one change in the CSS file can change the color of all links within the site.
So Why Should I Care?
The main reason you would want to know about these code bases is to ensure your designer is staying up-to-date with methods used in modern web design and development. Pages with heavy HTML code and limited CSS usage could result in longer page loads, which may hinder how long users stay on your website. Using “inline” CSS code also defeats the purpose of using CSS, as the developer is making changes to individual pages rather than an external file. Using external CSS files is the preferred method, and frees up crucial resources for your website to run more smoothly. HTML by itself is a great tool for building quality websites, but make sure CSS is also used to give your website that extra spunk!