If you’re looking to pursue a web development career, it’s important to understand how they work together. That’s where we come in!
These are the sections we’ll look at:
- 📍 Introduction to HTML
- 📍 Introduction to CSS
- 📍Which web language should I learn first?
Let’s get stuck in!
Before we answer this question, it’s important to first get on the same page about what programming in web development actually is.
Programming is how web developers communicate with the software. A programming language is how the software knows how to:
- Put a sentence in bold
- Set a color to green, and
- Get a button shake when the user clicks it.
Computers read programming languages in the same way that humans interpret instructions, and they behave accordingly.
Introduction to HTML
What is HTML, and how does it work? 🤔
HTML is an essential building block of any webpage. It describes the structure and semantics (meaning) of content rather than its appearance.
After reading the previous section, you might be thinking “if HTML isn’t a programming language, what is it?” The clue is in the name: HTML stands for Hypertext Markup Language. It’s made up of a set of markup tags and symbols which tell browsers how to display images and words on a web page.
HTML tags are written in angle brackets (< and >) and tell what kind of information goes inside them, such as headings, paragraphs or lists etc.
Here’s an example of what HTML looks like:
Developed in 1990, HTML is truly a relic from the birth of the internet — back in the days when adding color to a landing page was seen as ‘flashy’. Nevertheless, it’s as widely used today as it has been for decades — and it’s not going anywhere.
What can I build with HTML? 🛠
Most commonly, HTML is used to build websites and landing pages. HTML is a basic web language, so its functionality is limited — but it can be used to tweak existing templates, perform basic marketing tasks (like add Google Analytics tags to a website), make SEO updates, and create custom layouts on e-commerce platforms like Amazon and Shopify.
How long does HTML take to learn? 📚
HTML is an industry-standard language that every developer is expected to have a solid grasp of. The good news? As well as being one of the most widely-used web languages, it’s also among the most beginner-friendly.
You can learn the basics of HTML in a matter of hours, and start confidently building web pages within a month (depending on whether you’re learning part time).
It’s important to note that while HTML is a vital IT skill, learning it alone won’t make you a web developer. We’ll talk more about why you should learn HTML alongside CSS in the next section.
Introduction to CSS
What is CSS, and how does it work? 🤔
CSS stands for Cascading Style Sheets. It’s a style sheet language that is used for styling HTML elements, like text.
CSS can add fonts, colors, and functionality to a page — turning a series of static, plain-text pages into a fully-functioning website. It can also:
- Create navigation bars on web pages
- Define page layouts with things like columns
- Add animation and motion.
This is why HTML and CSS are so commonly taught in tandem.
One of CSS’s most popular uses is adding responsiveness to websites. Think about going viewing a website on a desktop, and then viewing the same website on your phone. The layout will change completely to accommodate for this new screen size; the navigation bar might turn into an expandable menu icon, and some elements will be pushed further down the page. That’s CSS working its magic.
CSS is also known as the time saver of web development. It can be used to control the layout of multiple web pages all at once (rather than having to write different code for each layout).
This means that if there's a change in the design or structure of a page, you only have to change it in one place and it will affect every page where CSS has been applied.
Here’s an example of CSS:
What can I build with CSS? 🛠
You can’t actually build anything with CSS on its own. As it’s a styling language, CSS needs to be used in conjunction with a markup language (like HTML or XML) so it actually has properties to style. Otherwise, it would be like setting out to paint your house without the actual paint.
CSS can add interactivity and responsiveness to static web pages. When used together, CSS and HTML can be used to create responsive websites, emails, and even basic animations.
How long does CSS take to learn? 📚
CSS has more technical elements than HTML, which can mean it takes slightly longer to develop a working knowledge. Luckily, CSS and HTML are almost always taught together — which makes it an even easier (and faster) web language to get the hang of. Some courses take a mere few hours — but, like any technical skill, you’ll want to continue gaining proficiency over several months.
- Content updates
- Interactive maps
- Responsive CTAs
- Data visualization
- Animated 3D graphics
You can also store values inside variables, like when you need to set a password and there’s a suggested password in the input box.
- 💻 Popular servers, like Netflix and PayPal
- 📱 Mobile apps like Uber and Facebook
- 🚀 And even rockets (yes, you read that right) with Space X
It can also be used as a back-end programming language.
Imagine a website as a car that needs to be built, and web developers as the mechanics who’ve been tasked with building it. They’ll take the blueprints — which detail how the car should look in its final form — and turn them into a physical and functioning car that can get the driver from A to B.
To carry through their vision, they have three tools in their arsenal:
- HTML (the building blocks of the car)
- CSS (the style, look, and feel of the car)
First, they’ll use HTML to construct the cars basic structure or the ‘skeleton’. They’ll create door panels, wheels, trunks, and hoods that can be welded together. Not very aesthetically pleasing or functional, but HTML will get the car components built.
Next, CSS is used to embellish the car’s basic structure with style and function. Colors are added, as well as materials like leather seats, a wooden dashboard, and aluminium rims. Suddenly the car has gone from a bare-bones structure to something you’d actually want to drive.
If you’re on the precipice of a career change into web development, you might be wondering: Which web language should I prioritise learning first? And does it matter?
For an introduction to HTML and CSS, we recommend opting for a digestible, beginner-friendly short course — like our HTML and CSS course taught by Scrimba Founder (and industry-leading front-end superstar) Per Harald Borgen. The course features This course consists of 95 bite-sized lectures, which walk you through the process of using HTML and CSS to build and deploy your first website. The best part? It’s completely free.
Featuring over 70 hours of top-notch tutorials, hundreds of interactive coding challenges, and tailored feedback from industry-leading developers, we’ll equip you with all the tools and skills you need to land your first web development gig (no previous experience required). You’ll also get access to an active community of other beginner developers on a similar journey.