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
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.