Tags

Details & Summary

Click to expand/collapse this section

This content is revealed when the details element is opened. The 'open' attribute makes it expanded by default.

• Item 1
• Item 2
• Item 3

Another collapsible section

This one starts collapsed since it doesn't have the 'open' attribute.

Picture & Source (Responsive Images)

https://plus.unsplash.com/premium_photo-1749723951265-6e289d2a8113?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw1fHx8ZW58MHx8fHx8" media="(min-width: 800px)" type="image/webp">

Note: This demonstrates responsive images with different formats and sizes based on screen width.

Progress & Meter

Progress Bars

File Upload Progress: 75%

Task Completion: 3 of 5 tasks complete

Meters (Gauges)

Disk Usage: 60%

Temperature: 25°C

Battery Level: 85%

Deleted & Inserted Text

The original price was $99.99 but now it's $79.99!

In the meeting notes from last week:

We decided to postpone the project until next quarter move forward with the project immediately due to urgent client needs.

Form Elements

Personal Information

First Name:

Last Name:

Email:

Premium Features (Disabled)

Advanced Analytics
Priority Support

Notification Preferences

Email Notifications
SMS Notifications

NoScript Fallback

Marquee (Legacy Element)

Note: The marquee element is deprecated and should not be used in modern web development. Use CSS animations instead.

This text scrolls from right to left This text bounces back and forth (3 times) This text slides up once and stops