Build Tabs Using HTML/CSS In Only 12 Minutes

From the creator

🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today?utm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-tabs Tabs are one of the most common forms of navigation on a website, but they can be tricky to implement correctly. In this video I will show you exactly how to create tabs using HTML, CSS, and JavaScript as quickly as possible. We will cover how to switch tabs when clicked, how to indicate which tab is selected and much more. I will also be explaining every line of code as I write it so you can see exactly why everything works. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/HTML-CSS-JS-Tabs CodePen Code: https://codepen.io/WebDevSimplified/pen/ewapgK 🧠 Concepts Covered: - How to create tabs in HTML/CSS/JS - How to hide/show elements on click - How to move classes between elements - Using data attributes to dynamically select elements 🌎 Find Me Here: My Website: https://webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #HTMLTabs #WDS #CSSTabs

Published 2019-07-23 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.