Show Output
<!DOCTYPE html> <html lang="en"> <head> <title>Example of HTML details Tag</title> <style type="text/css"> details{ margin: 10px; } </style> </head> <body> <details> <summary>What is HTML?</summary> <p>HTML stands for HyperText Markup Language. HTML is the main markup language for describing the structure of web pages. <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p> </details> <details> <summary>What is Twitter Bootstrap?</summary> <p>Twitter Bootstrap is a powerful front-end framework for faster and easier web development. It is a collection of CSS and HTML conventions. <a href="https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/" target="_blank">Learn more.</a></p> </details> <details> <summary>What is CSS?</summary> <p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="https://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a></p> </details> <p><strong>Note:</strong> The details tag currently not supported in Firefox and Internet Explorer.</p> </body> </html>
