Topic

Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications, and Cascading Style Sheets (CSS) is a style sheet language used to affect the presentation of a document written in a markup language. Together they are the foundational languages for how browsers display web pages. Most people who build websites through code, or with a content management system like Drupal, should be familiar with the basics of HTML and CSS since these are the main languages of web sites.

Example tasks

  • Create a basic web page with HTML
  • Style HTML with CSS to change its default appearance

Confidence

This is a non-Drupal topic and is the foundation of web development, so the resources available are widespread and generally kept up-to-date.

Drupalize.Me resources

More Guides

We have guides on many Drupal skills and topics.

Explore guides

External resources

  • Learn HTML & CSS (codecademy.com)
    • A great way to learn the basics using their built-in code editor so you can practice directly in the site.
  • HTMLDog (htmldog.com)
    • This website is focused on HTML, CSS, and has a bonus of JavaScript. In addition to tutorials, they have a wealth of examples and resources.
  • Learn Sass (codecademy.com)
    • Another Codecademy course that teaches what a CSS Prepocessor is and how to use one of the most popular ones, Sass.
  • Learn Web Development (developer.mozilla.com)
    • The Mozilla Developer Network (MDN) is a community that supports and promotes the open web. They have tutorials on a range of basic web technologies, as well as covering topics like accessibility.
  • Web Platform Docs (webplatform.github.io)
    • This has great documentation on the HTML and CSS specifications, how different browsers meet those specifications today, and what the future looks like. It's also a collaboration between some of the biggest names in technology, including Facebook, Google, Microsoft, Apple, and Mozilla.
  • Front-End Developer Handbook 2017 (frontendmasters.com)
    • This is a great overall resource for all things on the front-end, not just HTML and CSS. If you want to really learn about the wide world of front-end, this is a great place to explore.