Expand/Collapse Widgets Demonstration

Widget 1: About HTML

Click to learn more about HTML

HTML (HyperText Markup Language) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Widget 2: Key Features of CSS

Click to discover CSS features

CSS (Cascading Style Sheets) is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

  1. Separation of Concerns: CSS separates the content of a web document from its presentation.
  2. Styling Flexibility: Allows precise control over colors, fonts, layout, and other aspects of visual presentation.
  3. Efficiency: Styles can be defined once and applied to multiple HTML elements and even across multiple web pages.
  4. Responsiveness: Modern CSS features (like Media Queries) enable designs to adapt to different screen sizes and devices.

This content expands and collapses.

Widget 3: A simple list of fruits

Show fruit items