How do they work together?
HTML stands for HyperText Markup Language. It’s a way to tell your computer what to display on the screen. It doesn’t do any math or computations. Instead, it lists what the computer should display and where. What goes in the tab at top of the screen, for example? Where is the menu?
CSS – This stands to Cascading Style sheets. It establishes standards across pages to ensure they look consistent. For example, imagine you’re developing a blog. The CSS would be used to determine what “heading one”, or the font, should look like. It also defines how large it should appear and what colour it should have. When you use HTML to declare “this is heading one”, the browser will check the CSS for the correct action.
It is important to understand how each of these elements work together when creating websites.
Learn More About the Languages
Reading a few books is the best way to learn these languages. There are many tutorials available that will help you create your first website. Here are some examples:
HTML and CSS by Jon Duckett. This book shows you how to add text, images and tables to your website, and how to style it with CSS.
Jennifer Robbins’s Beginner’s Guide to Web Design – This guide will teach you how to use all three languages.
Sams Teach Yourself HTML & CSS in 24 Hours – This book is great if you want to quickly recap the basics or learn them over a weekend.
No matter which book you choose, you will learn the basics of creating a website.
Refer to the Basics
Interneting is hard – The tagline states that interneting is difficult. This website is completely free and walks you through HTML/CSS step-by-step and all the principles that you need to know.
Codecademy – While you will need to pay for a professional membership, the free lessons are an excellent way to learn the basics of creating a website.
FreeCodeCamp – This site offers thousands of hours of practice. You must complete five projects that are free from bugs to earn certification.
Learn a lot of code
It’s simple to see the source code of a website, unlike other languages. You can click on any website and choose ‘inspect’. Chrome will display a sidebar with the code inside. You can also choose to’show page source’ and see the entire code. This will allow you to explore the website’s functionality and learn how to read the code. Inspect mode allows you to change variables in the code, and instantly see how it affects your website. You can learn how to create your own website by playing around with this. You can change the paragraph to make it more interesting. It only changes the local version of the code. Once you have a good idea about how code looks, Codepen can help you find code that solves specific problems. For example, how to add a login page or animated a button.
Three Steps to Create Your Own Website
Now it’s time for you to put this knowledge into practice. Start your own website. You don’t need WordPress or any other platform. You can host it yourself and test if it works from another computer. Instead, create a simple website to start with and then build on it.
Make a si