Description
HTML and CSS are two of the web's building blocks. They allow us, respectively, to define what are the contents of a website and how it should look like. In this module you will get in touch with the syntax, learn all fundamental parts of each and create a website.
If you never worked with either before, the syntax might look a little weird at first but it grows on you and you'll feel at home in no time. Focus on creating clean code, which you understand 100%. Make extensive use of sandboxes (with CodePen or W3Schools, for example). Get comfortable and use HTML's semantic tags (header, main, section, footer, nav, etc). Go through the list of HTML and CSS topics described in this Guide to make sure you haven't overlooked anything important.
Those semantic tags are worth dwelling on, because they are the moment web development stops being about how things look. A
<div> and a <nav> can be styled to look identical, but they do not mean the same thing. Someone using a screen reader hears "navigation" and can jump straight to it; with a div they hear nothing useful at all. Same with a <button> versus a div you attached a click handler to: the real button can be reached with the Tab key and activated with Enter or Space, for free, and the fake one cannot be used without a mouse. Choosing the right tag is the cheapest accessibility work you will ever do — you are not adding anything, just picking the honest name for what the thing is.This matters professionally, not only morally. Since June 2025 the European Accessibility Act has applied across the EEA, Iceland included, which means a great many commercial websites and apps are now legally required to be accessible. Employers here are asking about this in interviews. Starting the habit now, on a one-page website, is far easier than retrofitting it later.
It's also a good moment to learn a bit about Developer Tools, which all major browsers offer. With these tools you'll be able to inspect your work and understand what's really happening when the browser uses your files.
But none of that is much fun if you can't share, so you'll also release a website on the web using a service such as Github Pages. With this knowledge it will be possible to make all your great work publicly available for friends and potential future clients!