Ejercicio de programación con HTML: Atributos de elementos

Código

Práctica

0h 10m

Ejercicios HTML Atributos Elementos. Aprende a manejar atributos de elementos en HTML mediante ejercicios prácticos y ejemplos detallados.

Un párrafo con un identificador único: Utiliza el atributo id para asignar un identificador único al párrafo.
Un enlace que lleve a una URL externa: Utiliza el atributo href para especificar el destino del enlace.
Una imagen con un texto alternativo: Utiliza los atributos src y alt para la imagen.
Un campo de entrada de texto que esté deshabilitado: Utiliza el atributo booleano disabled para el campo de entrada de texto.
Un botón que sea el foco automático cuando se carga la página: Utiliza el atributo booleano autofocus para el botón.

Empezar ejercicio de programación

Todos los ejercicios de programación de HTML

Evalúa tus conocimientos con ejercicios de programación en HTML de tipo Test, Puzzle, Código y Proyecto con VSCode.

Reto etiquetas semánticas HTML

Divisiones

Audio

Proyecto crear páginas HTML

Etiquetas semánticas

Enlace

Video

Imágenes

Reto atributos ARIA en HTML

DOCTYPE

Compatibilidad con navegadores

Reto trabajar con imágenes en HTML

Reto crear tablas HTML

Introducción a HTML

Imágenes vectoriales

Anidación de etiquetas

Formularios

Encabezados

Reto Validación HTML

Optimización de la carga de la página (Lazy loading)

Listas

Reto metadatos en HTML

Estilos

Validación de HTML

Navegación por teclado

Párrafos

Uso de DOCTYPE

Reto de enlaces HTML

Etiquetas semánticas

Contraste y legibilidad

Atributos de ARIA

Reto geolocalización en HTML

Listas (ul, ol, li)

Tablas

Reto LocalStorage en HTML

Uso de atributos

Atributos

Reto formatear texto en HTML

Reto crear listas HTML

Metadatos

Comentarios

Incrustación de contenido (iframe)

Uso de elementos y etiquetas

Elementos y etiquetas

Tutorial para resolver este ejercicio de programación

HTML

Atributos

Sintaxis y estructura

Otros tutoriales de programación con HTML

Introducción A Html

Introducción Y Entorno

Entorno Para Desarrollar Html

Introducción Y Entorno

Introducción A La Web Y Cómo Funciona

Introducción Y Entorno

Doctype

Sintaxis Y Estructura

Elementos Y Etiquetas

Sintaxis Y Estructura

Anidación De Etiquetas

Sintaxis Y Estructura

Comentarios

Sintaxis Y Estructura

Encabezados (H1-h6)

Textos Y Enlaces

Enlace (A)

Textos Y Enlaces

Párrafo (P)

Textos Y Enlaces

Listas (Ul, Ol, Li)

Textos Y Enlaces

Imagen (Img)

Textos Y Enlaces

División (Div)

Organización De Contenido

Etiquetas Semánticas (Article, Section, Header, Footer, Nav, Aside)

Organización De Contenido

Tablas (Table, Tr, Td, Th)

Organización De Contenido

Formularios (Form, Input, Select, Textarea, Button)

Organización De Contenido

Imágenes Vectoriales (Svg)

Elementos Multimedia

Incrustación De Contenido (Iframe)

Elementos Multimedia

Audio (Audio)

Elementos Multimedia

Video (Video)

Elementos Multimedia

Imágenes Responsive Con Srcset Y Sizes

Elementos Multimedia

Svg Y Canvas En Html

Elementos Multimedia

Iconos Con Font Awesome

Elementos Multimedia

Estilo Incorporado (Style)

Metadatos Y Seo

Metadatos (Meta, Title, Link)

Metadatos Y Seo

Atributos De Aria

Metadatos Y Seo

Navegación Por Teclado

Metadatos Y Seo

Tipos De Input Tradicionales Y Nuevos

Formularios Html

Introducción Al Seo

Metadatos Y Seo

Validaciones En Formularios

Formularios Html

Metadatos Opengraph

Metadatos Y Seo

Principios Wcag

Accesibilidad Web

Drag And Drop

Apis De Html5

Geolocalización Con Html

Apis De Html5

Local Storage Y Session Storage

Apis De Html5

Contraste Y Legibilidad

Optimización Html

Validación De Html

Optimización Html

Compatibilidad Con Navegadores

Optimización Html

Optimización De La Carga De La Página (Lazy Loading)

Optimización Html

Estilos Inline

Estilos Css En Html

Tailwind Css Para Html

Estilos Css En Html

Hojas De Estilos Css En Html

Estilos Css En Html