What to learn next
More HTML tags
- Form tags: There are quite a few tags that are used to create web forms, like
<input>s. They are typically used to communicate data back to a server, something which we don't enable on Khan Academy. They can also be used with JS to create a game, which we do teach in the HTML/JS course. Learn more about form tags with these slides. Learn server-side languages like PHP, Python, Ruby on Codecademy.
- Iframes: The
<iframe>tag is a way to frame another webpage inside yours, and is handy for things like embedding Youtube videos, Google Maps, etc. That tag is disabled on Khan Academy currently for security and moderation purposes, but can be experimented with elsewhere. Learn more with these slides.
- Multimedia tags: The
<video>tags are supported in modern browsers as a way to play audio and video files on webpages. Like the
<iframe>tag, they are currently disabled on Khan Academy, but can be used elsewhere. Learn more with these slides.
- New semantic tags: In the past few years, as part of the "HTML5" specification, browsers have added new semantic tags for developers to use instead of
<div>s, when appropriate, such as
<nav>, etc. There are many articles about them here, including this handy flowchart for deciding when to use them.
More CSS selectors and properties
- CSS3: We covered CSS that's been supported in browsers for years, but there are many new CSS properties and selectors in what's known as the "CSS3" specifications, and browsers are adding support continuously as they release new versions. You can learn more in these CSS3 selectors slides, and CSS3 properties slides. Make sure to check caniuse.com to find out what's supported in each browser.
- Media queries: This is a technique that lets you specify different CSS for different situations, like when your webpage is viewed at a smaller size or when it's printed. Learn more from W3C.
- CSS frameworks: A framework is a collection of CSS rules and classes, and many developers use CSS frameworks to enable them to write CSS faster. The most popular one is Twitter Bootstrap, but there's also ZURB foundation, Pure CSS, Topcoat, and more.
Using JS in webpages