Hướng dẫn tạo accordion với HTML, CSS và Javascript - Giao diện
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> </head> <body> <div class="container"> <h2>Freetuts.net hướng dẫn tạo Accordion</h2> <button class="accordion">HTML</button> <div class="panel"> <p> HTML (tiếng Anh, viết tắt cho HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web. </p> </div> <button class="accordion">CSS</button> <div class="panel"> <p> dịch từ tiếng Anh là Cascading Style Sheets (CSS) – được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML. Ngoài ra ngôn ngữ định kiểu theo tầng cũng có thể dùng cho XML, SVG, XUL. Các đặc điểm kỹ thuật của CSS được duy trì bởi World Wide Web Consortium (W3C). </p> </div> <button class="accordion">JAVASCRIPT</button> <div class="panel"> <p> JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình kịch bản dựa trên đối tượng được phát triển từ các ý niệm nguyên mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web, nhưng cũng được dùng ể tạo khả năng viết script sử dụng các đối tượng nằm sẵn trong các ứng dụng. </p> </div> </div> </body> </html>
PHÓNG TO