Why learn HTML & CSS with Flatiron School?
Our Learn HTML & CSS lessons are free — that way you can set your schedule and learn the fundamentals at your own pace.
Our lessons are the best way to experience if learning to code is for you. Explore whether you’re passionate about pursuing code as a career, or if you just want to brush up on some skills.
Why should I learn HTML & CSS for Product Design?
Product Designers aren't required to know how to code, but knowing HTML & CSS can certainly expand your job opportunities. There are several reasons product designers might choose to learn how to code.
For example, knowing HTML & CSS will allow you to better communicate design ideas to developers, it may streamline your workflow process if you can markup your own request revisions, and it may be essential if you work for a lean organization. Read more in this blog article — Do UX/UI Designers Code? Or Can You Get Away Without It?
HTML & CSS for beginners: everything you'll learn
Every website on the internet is built using HTML & CSS. This free tutorial covers everything from how to begin building your page with HTML to styling it and making your website attractive using CSS. Here’s what you’ll cover in this free workshop:
Understand HTML syntax, the differences between matching and void HTML tags, how to use an HTML class, and different HTML attributes and their usage.
Learn how to use HTML basics like <!doctype> doctype declarations and <head> head and <body> body tags to understand “meta” information and communicating with a browser.
Apply proper HTML semantic and non-semantic tags to your content while making your website accessible to your users.
Use the most popular and effective HTML tags, like <a> anchor tags, <h> header tags, <img> image tags, <p> paragraph tags, and <div> div tags.
Use tag and class selectors to apply your styles to your HTML content and customize your website.
Create cascading style sheets — CSS — and link to them in an HTML document to apply styles across your whole website.
Apply typography-related CSS properties to style your text using font-size, text-transform, text-decoration, and font-family.
Learn to use content boxes, padding boxes, border boxes, and margin boxes to structure your web pages in visual and easy-to-understand ways.