Etiquetas útiles de HTML para proyectos web y escolares

  • Autor Usuario eliminado 263618
  • Fecha de inicio
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Juanvp

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Oct 2014
Mensajes
354
<optgroup>

La etiqueta <optgroup> se utiliza para agrupar opciones relacionadas en un elemento <select> de la lista despegable.

Si tiene una lista larga de opciones, los grupos de opciones relacionadas son más fáciles de manejar para un usuario.

Es una excelente etiqueta HTML para agregar etiquetas entre diferentes grupos de opciones.

Ver el archivo adjunto 849811
Muy bueno el tópico 👍.
Esta etiqueta de <optgroup> la veo de lo más útil y elegante.
Después de leer el tema me puse a buscar si se le puede dar estilos, como el tamaño de letra, el color y otras cosas, y sí es posible.
Al buscar "Style attribute on an <optgroup> element" se obtiene algún ejemplo. Ya voy a comenzar a hacer algunas pruebas. Saludos!
 
U

Usuario eliminado 263618

Input que permite tomar una foto o grabar video y agregarla como archivo en el momento.

Con el atributo "capture" indicas la cámara:
- user: cámara delantera
- environment: cámara trasera

Además, puedes captar fotos y vídeos, según el atributo "accept".

Nota: Esta función solo esta disponible para móvil, si se realiza desde escritorio, solo abriría el explorador de archivos para agregar la foto o vídeo dependiendo del atributo accept.

1665175938574.png
 
U

Usuario eliminado 263618

Aquí dejo un tip de como escirbir las etiquetas HTML de una forma más ordenada, legible y semántico para el navegador, en español significa, "en vez de hacer esto" (imagen izquierda), haz esto (imagen derecha)

1665452764589.png
1665452780611.png
 
U

Usuario eliminado 263618

Siguiendo el post anterior, en vez de sobreutilizar las etiquetas "div" utilicen las etiquetas semanticas que se incluyen en HTML. Por ejemplo, cada página tiene 3 secciones como header, contenido y footer, por lo tanto utilizo <header>, <main> y <footer>.

¿Ya las han utilizado?

1665452950956.png
 

Juanvp

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Oct 2014
Mensajes
354
Estupendos los aportes que se agradecen. Este hilo cada vez está más interesante.
 
U

Usuario eliminado 263618

Principales etiquetas que se utiliza en los formularios.

Estos son los distintos tipos de elementos que se utilizan en el formulario

Aquí se muestra su etiqueta y su ejemplo visual.

1665835770426.png
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.525
Me encontré esta hoy buscando cómo poner un pie de foto.... SE LLAMA FOOTER

footer


1667357355897.png
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Arriba