HTML & CSS

Summary

HTML

HTML, or Hyper Text Markup Language, is the foundation of your site. It's the skeleton that holds all of the pieces together; it sets the structure for your content. The structure of HTML is similar to how a titles and paragraphs are set up in a document. The most important things are placed at the top of the document, or in this case the web page. Then HTML uses semantic tags to tell the page whether an item is a heading, a bulleted list, regular text, etc. With HTML you should have the same mindset as you would when writing an essay or taking notes. Yet, use different semantics to structure the content so the browsers can read through and understand what kind of content you are creating.

CSS

CSS, or Cascading Style Sheets, is what makes your content approachable. By using styles to shape your content you can communicate with users what the most important part of a page is. For example, while the first header, or the h1, might be at the top of the document, a call to action button might be what you want the user to interact with. Styles can be used to enlarge the button, give it a bright color, or some animation. CSS lets you communicate with your users on how to navigate parts of a website without having to explicitly tell them.