Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width,init-scale=1"> <link rel="stylesheet" href= "https://www.example.com.vn/w3css/4/w3.css"> <body> <div class="w3-container"> <h2>Tab</h2> <p>Tab hoàn hảo cho một trang các ứng dụng web hoặc cho các trang web có khả năng hiển thị các chủ đề khác nhau. Nhấp vào các liên kết bên dưới.</p> </div> <div class="w3-bar w3-black"> <button class="w3-bar-item w3-button" onclick="openCity('London') ">London</button> <button class="w3-bar-item w3-button" onclick="openCity('Paris')">Paris</button> <button class="w3-bar-item w3-button " onclick="openCity('Tokyo')">Tokyo</button> </div> <div id="London" class="w3-container city"> <h2>London</h2> <p>London là thủ đô của nước Anh.</p> </div> <div id="Paris" class="w3-container city" style="display:none"> <h2>Paris</h2> <p>Paris là thủ đô của Pháp.</p> </div> <div id="Tokyo" class="w3-container city" style="display:none"> <h2>Tokyo</h2> <p>Tokyo là thủ đô của Nhật Bản.</p> </div> <script> function openCity(cityName) { var i; var x = document.getElementsByClassName("city"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } document.getElementById(cityName).style.display = "chặn"; } </script> </body> </html>