EQUIPO 12
etiquetas <html>
Nombre de integrantes: Rojas MAtias Axel Yael Rodriguez Sandoval Erick Fernando
¡vamos!
INDICE
<BR>
<button>
<CANVAS>
<CITE>
<CAPTION>
<CODE>
<COMMAND>
<COL>
<COLGROUP>
<DD>
<DATAILS>
<DEL>
<DATAILS>
<DFN>
<BR>
DEFINE UN SALTO DE LINEA. Definición y Uso:La etiqueta <br> , abreviatura de "break" (ruptura), inserta un salto de línea en el texto. Es una etiqueta vacía, lo que significa que no tiene etiqueta de cierre ( </br> ). Su función principal es forzar el texto a continuar en la siguiente línea, sin crear un nuevo párrafo. Cuándo Usarla:Es útil cuando necesitas controlar exactamente dónde se produce un salto de línea, por ejemplo, en direcciones postales, poemas o cualquier texto donde la estructura visual es importante.
<button>
Definición y Uso:La etiqueta <button> crea un botón able en un formulario o en cualquier parte de una página web. Los botones son esenciales para la interacción del usuario, permitiendo activar acciones mediante JavaScript o enviar datos de un formulario.
Atributos Importantes:
type : Especifica el tipo de botón. Los valores comunes son button (para acciones controladas por JavaScript), submit (para enviar un formulario) y reset (para restablecer los campos de un formulario).
name : Define un nombre para el botón, útil cuando se trabaja con formularios y se necesita identificar qué botón se ha pulsado.
Etiqueta <canvas>
Definición y Uso:La etiqueta <canvas> define un área rectangular en la página web donde se pueden dibujar gráficos, animaciones y otros efectos visuales mediante JavaScript. El elemento <canvas> en sí mismo es solo un contenedor; todo el dibujo se realiza mediante scripts.
Atributos Importantes:
width : Especifica el ancho del lienzo en píxeles.
height : Especifica la altura del lienzo en píxeles.
Cuándo Usarla:Se utiliza para crear gráficos interactivos, juegos, visualizaciones de datos, editores de imágenes y cualquier otra aplicación que requiera gráficos dinámicos en el navegador.
<caption>
Definición y Uso:La etiqueta <caption> proporciona un título o leyenda para una tabla. Debe ser el primer elemento dentro de la etiqueta <table> . Su propósito es describir el contenido de la tabla, proporcionando contexto y mejorando la accesibilidad.
Cuándo Usarla:Se utiliza siempre que se tenga una tabla y se necesite un título descriptivo para ella. Un buen título ayuda a los usuarios a entender rápidamente el propósito de la tabla.
Consideraciones:Aunque la etiqueta <caption> puede estilizarse con CSS, es importante que el título sea claro y conciso. Un buen título debe resumir el contenido de la tabla en pocas palabras.
<cite>
Definición y Uso:La etiqueta <cite> se utiliza para marcar el título de una obra creativa (por ejemplo, un libro, una película, una canción, un poema, etc.). No se utiliza para citar personas. Por defecto, los navegadores suelen mostrar el texto dentro de <cite> en cursiva.
Cuándo Usarla:Se utiliza cuando se hace referencia a una obra creativa y se quiere indicar claramente que se está citando el título de esa obra.
Consideraciones:Es importante no confundir <cite> con la etiqueta <blockquote> , que se utiliza para citar un bloque de texto de otra fuente. <cite> se utiliza específicamente para el título de una obra.
<code>
Definición y Uso:La etiqueta <code> se utiliza para mostrar fragmentos de código informático. Su propósito es indicar que el texto contenido es código y debe ser presentado de una manera que lo distinga del texto normal. Los navegadores suelen mostrar el texto dentro de <code> con una fuente monoespaciada.
Cuándo Usarla:Se utiliza para mostrar ejemplos de código en tutoriales, documentación técnica, blogs de programación, etc.
Consideraciones:Para mostrar bloques de código más grandes, es común usar la etiqueta <pre> junto con <code> . La etiqueta <pre> preserva los espacios en blanco y los saltos de línea, lo que permite mostrar el código tal como está escrito.
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
<col>
Definición y Uso:La etiqueta <col> se utiliza dentro de un elemento <colgroup> para especificar atributos para una o más columnas en una tabla. Permite aplicar estilos y propiedades a columnas enteras de una tabla de manera eficiente.
Atributos Importantes:
span : Especifica el número de columnas que deben verse afectadas por los atributos definidos en la etiqueta <col> .
style : Permite aplicar estilos CSS directamente a las columnas (por ejemplo, background-color , width , etc.).
Cuándo Usarla:Se utiliza cuando se necesita aplicar estilos o propiedades a columnas específicas de una tabla. Es útil para mejorar la legibilidad y la presentación de la tabla.
Consideraciones:La etiqueta <col> debe usarse dentro de un elemento <colgroup> . Si no se especifica el atributo span , la etiqueta <col> afectará solo a la columna en la que se encuentra.
<colgroup>
Definición y Uso:La etiqueta <colgroup> se utiliza para agrupar una o más columnas en una tabla. Permite aplicar estilos y propiedades a grupos de columnas de manera eficiente. Debe ser el primer elemento dentro de la etiqueta <table> , después de la etiqueta <caption> (si existe).
Atributos Importantes:
span : Especifica el número de columnas que deben incluirse en el grupo.
style : Permite aplicar estilos CSS directamente al grupo de columnas.
Cuándo Usarla:Se utiliza cuando se necesita aplicar estilos o propiedades a un grupo de columnas en una tabla. Es útil para mejorar la legibilidad y la presentación de la tabla, especialmente cuando se tienen tablas complejas con muchas columnas.
Consideraciones:Dentro de un elemento <colgroup> , se pueden usar etiquetas <col> para especificar atributos para columnas individuales dentro del grupo. Si se usa el atributo span en <colgroup> , no es necesario usar etiquetas <col> individuales para cada columna del grupo.
<command>
Definición y Uso:La etiqueta <command> fue introducida en HTML5 para representar un comando que un usuario podía invocar. Sin embargo, esta etiqueta ha sido obsoleta y ya no se recomienda su uso. Su objetivo original era definir comandos que podían ser utilizados en menús contextuales o barras de herramientas.
Por Qué Está Obsoleta:La etiqueta <command> no fue ampliamente adoptada por los navegadores y su funcionalidad puede ser mejor lograda utilizando JavaScript y otras tecnologías web modernas.
Alternativas:En lugar de usar <command> , se recomienda utilizar JavaScript para manejar eventos y acciones del usuario. Por ejemplo, puedes usar event listeners para capturar clics en elementos y ejecutar funciones específicas.
<datalist>
Definición y Uso:La etiqueta <datalist> proporciona una lista de opciones predefinidas para un elemento <input> . Permite a los usuarios seleccionar una opción de la lista o escribir su propia entrada. Es útil para proporcionar sugerencias y facilitar la entrada de datos.
Atributos Importantes:
No tiene atributos específicos, pero se asocia a un elemento <input> mediante el atributo list .
Cuándo Usarla:Se utiliza cuando se quiere proporcionar una lista de opciones sugeridas para un campo de entrada, pero permitiendo al usuario escribir su propia entrada si no encuentra la opción deseada en la lista.
Consideraciones:Cada opción en la lista se define mediante la etiqueta <option> . El atributo value de cada <option> especifica el valor que se inserta en el campo de entrada cuando el usuario selecciona esa opción.
<dd>
Definición y Uso:La etiqueta <dd> se utiliza para proporcionar la descripción
Se utiliza cuando se necesita crear una lista de términos y sus definiciones
Se usa junto con las etiquetas <dt> (término) y <dl> (lista de descripción)
La etiqueta <dd> debe seguir siempre a una etiqueta <dt> dentro de una etiqueta <dl> .
<del>
Definición y Uso:La etiqueta <del> representa texto que ha sido eliminado de un documento. Los navegadores suelen mostrar el texto dentro de <del> tachado. Se utiliza para indicar que una parte del contenido ha sido removida o reemplazada.
<details>
¿Qué es <details>? La etiqueta <details> en HTML se utiliza para mostrar contenido que el usuario puede expandir o contraer. Es un componente interactivo que permite ocultar o revelar información adicional, como descripciones, instrucciones o detalles técnicos.
<dfn>
¿Qué es <dfn>?La etiqueta <dfn> (abreviación de definition, o “definición” en inglés) se utiliza para marcar el término que está siendo definido dentro de un texto. ¿Para qué sirve? Señala visualmente y semánticamente que una palabra es un término nuevo o importante que está siendo definido por primera vez. Mejora la accesibilidad y el SEO, ya que ayuda a los navegadores, lectores de pantalla y motores de búsqueda a identificar definiciones en el contenido.
¡Gracias!
INICIO
ETIQUETAS HTML
erick fernando rodriguez
Created on September 3, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Practical Presentation
View
Smart Presentation
View
Essential Presentation
View
Akihabara Presentation
View
Pastel Color Presentation
View
Modern Presentation
View
Relaxing Presentation
Explore all templates
Transcript
EQUIPO 12
etiquetas <html>
Nombre de integrantes: Rojas MAtias Axel Yael Rodriguez Sandoval Erick Fernando
¡vamos!
INDICE
<BR>
<button>
<CANVAS>
<CITE>
<CAPTION>
<CODE>
<COMMAND>
<COL>
<COLGROUP>
<DD>
<DATAILS>
<DEL>
<DATAILS>
<DFN>
<BR>
DEFINE UN SALTO DE LINEA. Definición y Uso:La etiqueta <br> , abreviatura de "break" (ruptura), inserta un salto de línea en el texto. Es una etiqueta vacía, lo que significa que no tiene etiqueta de cierre ( </br> ). Su función principal es forzar el texto a continuar en la siguiente línea, sin crear un nuevo párrafo. Cuándo Usarla:Es útil cuando necesitas controlar exactamente dónde se produce un salto de línea, por ejemplo, en direcciones postales, poemas o cualquier texto donde la estructura visual es importante.
<button>
Definición y Uso:La etiqueta <button> crea un botón able en un formulario o en cualquier parte de una página web. Los botones son esenciales para la interacción del usuario, permitiendo activar acciones mediante JavaScript o enviar datos de un formulario. Atributos Importantes: type : Especifica el tipo de botón. Los valores comunes son button (para acciones controladas por JavaScript), submit (para enviar un formulario) y reset (para restablecer los campos de un formulario). name : Define un nombre para el botón, útil cuando se trabaja con formularios y se necesita identificar qué botón se ha pulsado.
Etiqueta <canvas>
Definición y Uso:La etiqueta <canvas> define un área rectangular en la página web donde se pueden dibujar gráficos, animaciones y otros efectos visuales mediante JavaScript. El elemento <canvas> en sí mismo es solo un contenedor; todo el dibujo se realiza mediante scripts. Atributos Importantes: width : Especifica el ancho del lienzo en píxeles. height : Especifica la altura del lienzo en píxeles. Cuándo Usarla:Se utiliza para crear gráficos interactivos, juegos, visualizaciones de datos, editores de imágenes y cualquier otra aplicación que requiera gráficos dinámicos en el navegador.
<caption>
Definición y Uso:La etiqueta <caption> proporciona un título o leyenda para una tabla. Debe ser el primer elemento dentro de la etiqueta <table> . Su propósito es describir el contenido de la tabla, proporcionando contexto y mejorando la accesibilidad. Cuándo Usarla:Se utiliza siempre que se tenga una tabla y se necesite un título descriptivo para ella. Un buen título ayuda a los usuarios a entender rápidamente el propósito de la tabla. Consideraciones:Aunque la etiqueta <caption> puede estilizarse con CSS, es importante que el título sea claro y conciso. Un buen título debe resumir el contenido de la tabla en pocas palabras.
<cite>
Definición y Uso:La etiqueta <cite> se utiliza para marcar el título de una obra creativa (por ejemplo, un libro, una película, una canción, un poema, etc.). No se utiliza para citar personas. Por defecto, los navegadores suelen mostrar el texto dentro de <cite> en cursiva. Cuándo Usarla:Se utiliza cuando se hace referencia a una obra creativa y se quiere indicar claramente que se está citando el título de esa obra. Consideraciones:Es importante no confundir <cite> con la etiqueta <blockquote> , que se utiliza para citar un bloque de texto de otra fuente. <cite> se utiliza específicamente para el título de una obra.
<code>
Definición y Uso:La etiqueta <code> se utiliza para mostrar fragmentos de código informático. Su propósito es indicar que el texto contenido es código y debe ser presentado de una manera que lo distinga del texto normal. Los navegadores suelen mostrar el texto dentro de <code> con una fuente monoespaciada. Cuándo Usarla:Se utiliza para mostrar ejemplos de código en tutoriales, documentación técnica, blogs de programación, etc. Consideraciones:Para mostrar bloques de código más grandes, es común usar la etiqueta <pre> junto con <code> . La etiqueta <pre> preserva los espacios en blanco y los saltos de línea, lo que permite mostrar el código tal como está escrito.
El contenido visual es un lenguaje transversal, universal, como la música. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
<col>
Definición y Uso:La etiqueta <col> se utiliza dentro de un elemento <colgroup> para especificar atributos para una o más columnas en una tabla. Permite aplicar estilos y propiedades a columnas enteras de una tabla de manera eficiente. Atributos Importantes: span : Especifica el número de columnas que deben verse afectadas por los atributos definidos en la etiqueta <col> . style : Permite aplicar estilos CSS directamente a las columnas (por ejemplo, background-color , width , etc.). Cuándo Usarla:Se utiliza cuando se necesita aplicar estilos o propiedades a columnas específicas de una tabla. Es útil para mejorar la legibilidad y la presentación de la tabla. Consideraciones:La etiqueta <col> debe usarse dentro de un elemento <colgroup> . Si no se especifica el atributo span , la etiqueta <col> afectará solo a la columna en la que se encuentra.
<colgroup>
Definición y Uso:La etiqueta <colgroup> se utiliza para agrupar una o más columnas en una tabla. Permite aplicar estilos y propiedades a grupos de columnas de manera eficiente. Debe ser el primer elemento dentro de la etiqueta <table> , después de la etiqueta <caption> (si existe). Atributos Importantes: span : Especifica el número de columnas que deben incluirse en el grupo. style : Permite aplicar estilos CSS directamente al grupo de columnas. Cuándo Usarla:Se utiliza cuando se necesita aplicar estilos o propiedades a un grupo de columnas en una tabla. Es útil para mejorar la legibilidad y la presentación de la tabla, especialmente cuando se tienen tablas complejas con muchas columnas. Consideraciones:Dentro de un elemento <colgroup> , se pueden usar etiquetas <col> para especificar atributos para columnas individuales dentro del grupo. Si se usa el atributo span en <colgroup> , no es necesario usar etiquetas <col> individuales para cada columna del grupo.
<command>
Definición y Uso:La etiqueta <command> fue introducida en HTML5 para representar un comando que un usuario podía invocar. Sin embargo, esta etiqueta ha sido obsoleta y ya no se recomienda su uso. Su objetivo original era definir comandos que podían ser utilizados en menús contextuales o barras de herramientas. Por Qué Está Obsoleta:La etiqueta <command> no fue ampliamente adoptada por los navegadores y su funcionalidad puede ser mejor lograda utilizando JavaScript y otras tecnologías web modernas. Alternativas:En lugar de usar <command> , se recomienda utilizar JavaScript para manejar eventos y acciones del usuario. Por ejemplo, puedes usar event listeners para capturar clics en elementos y ejecutar funciones específicas.
<datalist>
Definición y Uso:La etiqueta <datalist> proporciona una lista de opciones predefinidas para un elemento <input> . Permite a los usuarios seleccionar una opción de la lista o escribir su propia entrada. Es útil para proporcionar sugerencias y facilitar la entrada de datos. Atributos Importantes: No tiene atributos específicos, pero se asocia a un elemento <input> mediante el atributo list . Cuándo Usarla:Se utiliza cuando se quiere proporcionar una lista de opciones sugeridas para un campo de entrada, pero permitiendo al usuario escribir su propia entrada si no encuentra la opción deseada en la lista. Consideraciones:Cada opción en la lista se define mediante la etiqueta <option> . El atributo value de cada <option> especifica el valor que se inserta en el campo de entrada cuando el usuario selecciona esa opción.
<dd>
Definición y Uso:La etiqueta <dd> se utiliza para proporcionar la descripción
Se utiliza cuando se necesita crear una lista de términos y sus definiciones
Se usa junto con las etiquetas <dt> (término) y <dl> (lista de descripción)
La etiqueta <dd> debe seguir siempre a una etiqueta <dt> dentro de una etiqueta <dl> .
<del>
Definición y Uso:La etiqueta <del> representa texto que ha sido eliminado de un documento. Los navegadores suelen mostrar el texto dentro de <del> tachado. Se utiliza para indicar que una parte del contenido ha sido removida o reemplazada.
<details>
¿Qué es <details>? La etiqueta <details> en HTML se utiliza para mostrar contenido que el usuario puede expandir o contraer. Es un componente interactivo que permite ocultar o revelar información adicional, como descripciones, instrucciones o detalles técnicos.
<dfn>
¿Qué es <dfn>?La etiqueta <dfn> (abreviación de definition, o “definición” en inglés) se utiliza para marcar el término que está siendo definido dentro de un texto. ¿Para qué sirve? Señala visualmente y semánticamente que una palabra es un término nuevo o importante que está siendo definido por primera vez. Mejora la accesibilidad y el SEO, ya que ayuda a los navegadores, lectores de pantalla y motores de búsqueda a identificar definiciones en el contenido.
¡Gracias!
INICIO