Fair Warning: This is a long post about a technical subject, I’ve done my absolute best to break it down into very understandable sections so that everyone can understand it.
There is a lot that goes on behind the scenes for every website and it’s very valuable to understand at some level all of the pieces that go into a website. You will be able to better address an issue (as well as communicate an issue to tech support) with your website if anything should go wrong. You will be able to look at your website and understand the fundamentals of how it works. You will be able to impress your friends with your new found knowledge and explain it to them using what I think is a pretty decent analogy! And who doesn’t love impressing people?
Starting with Structure, as any person would do when building a house, we have HTML. HTML makes up the whole structure of your website. In a house you define each room for a specific task, bedrooms, bathrooms, kitchens, dining rooms, etc. Bathtubs go in the bathroom, refrigerators go in the kitchen, a TV goes in the living room; however it is not defined where in the room they will be. HTML does the same thing with the elements on your website. If you have a video you want on the homepage or your phone number on your contact page, HTML creates these rooms or pages and tells those elements to go there. HTML does not tell them where on the page to be, that’s a job for the Look of your website.
The Look of your site picks up where HTML left off, it tells objects where to sit inside the rooms they’ve been told to sit in. CSS defines the location and, well, the look of all the elements on a webpage. If you had a shoe rack next to your front door in your living room, HTML would define it as being in the front room, CSS would define it as being next to the front door, made of wood and aluminum, and its dimensions. You can see how the relationship between HTML and CSS is significant in placing and designing everything on your website.
It takes a long time to learn all of these elements to a website and how to effectively combine them to create a beautiful, functioning top-tier website. It also takes a long time to take all of that knowledge and distill it through project requirements and requests into an actual website that can be released to the public. There are even more elements that go on in the background that you may know something about, Search Engine Optimization being the biggest one of all. An expert can take all of the requirements of a project and break it down into its sections of Structure, Look, and Functions and create a website that everyone can enjoy and will build reputation and produce results for the project.