Etiquetas úteis de HTML para projetos web e escolares

  • Autor Autor Usuario eliminado 263618
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Status

🔒 Este tópico está fechado para novas respostas.

⏰ Apenas o criador do tópico pode solicitar a reabertura de seus próprios tópicos, mas apenas dentro dos 60 dias anteriores à última atualização.

<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 o anexo 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!
 
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.webp
 
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.webp
1665452780611.webp
 
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.webp
 
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.webp
 
Me encontré esta hoy buscando cómo poner un pie de foto.... SE LLAMA FOOTER

footer


1667357355897.webp
 
Status

🔒 Este tópico está fechado para novas respostas.

⏰ Apenas o criador do tópico pode solicitar a reabertura de seus próprios tópicos, mas apenas dentro dos 60 dias anteriores à última atualização.

Tópicos similares

Voltar
Topo