Тёмный

Como usar DETAILS Y SUMMARY en HTML 

Alejandro Nes WEB
Подписаться 6 тыс.
Просмотров 1,5 тыс.
50% 1

En este video aprenderás a utilizar la etiqueta "Details" y "Summary" en HTML para crear desplegables en tu página web. Con esta técnica podrás mostrar contenido oculto y mejorar la organización de tu información de una manera elegante y práctica.
Aprenderás a implementar esta funcionalidad en tu código HTML y a personalizarla con CSS para que se adapte a la estética de tu sitio web. Además, te mostraré ejemplos prácticos de cómo utilizarla para mejorar la experiencia de usuario en tu página.
No te pierdas este tutorial sobre Details y Summary y comienza a utilizar esta herramienta para mejorar la organización de tu contenido y hacer tu sitio web más accesible. ¡Suscríbete y activa la campana para recibir notificaciones de nuevos videos sobre programación y diseño web!
#details #summary #htmlcss
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
IMPORTANTE: Este vídeo solo se muestra contenido de carácter informativo, en ningún momento se Infringe los lineamientos de la comunidad de RU-vid.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
…………………………………………………………………………………………………
🌐 REDES SOCIALES 🌐
👉🏻 Facebook: / digitalnestweb
👉🏻 Pagina Web : digitalnestweb.com

Наука

Опубликовано:

 

4 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 5   
@JulioMorales-sf4jl
@JulioMorales-sf4jl 5 месяцев назад
Buen video
@wilsonvicente3115
@wilsonvicente3115 5 месяцев назад
Aprendo mucho con tu contenido,nuevo sub
@elseson
@elseson Год назад
Buenísimo por más videos así!!
@joanstiven2216
@joanstiven2216 7 месяцев назад
Hay varias forma puedes estilar eso sin necesidad de usar ::before. Haciendo esto: summary { list-style: url('assets/images/icon-plus.svg') inside; } Esto es posible, ya que el summary por defecto tiene un display: list-item. La otra forma es usar es esta: summary::marker { content: url('/assets/images/icon-plus.svg'); } Pero ten cuidado de no cambiar la propiedad display: list-item del elemento summary, porque en cualquiera de las forma no se mostrará el icono que le este pasando. Estas forma se recomiendan siempre que no quieras hacer animaciones transiciones, de lo contrario usar la forma del video
@tecnocode3979
@tecnocode3979 Год назад
Muy genial 👏 gracias por el video, me darías acceso al repositorio o código please
Далее
2 HTML Elements I Never Used!? (Details & Summary)
12:25
Советы на всё лето 4 @postworkllc
00:23
Aprende HTML ahora! curso completo GRATIS desde cero
1:33:55
HTML, CSS, and Javascript in 30 minutes
31:49
Просмотров 562 тыс.
5 simple tips to making responsive layouts the easy way
15:54
como usar la ETIQUETA a HREF en HTML 🚀
9:03
Просмотров 8 тыс.
Проверил, как вам?
0:58
Просмотров 323 тыс.