Ir al contenido principal

"ERRORES COMUNES AL USAR HTML, CSS Y JAVASCRIPT"

Cuando se empieza a desarrollar páginas web es común cometer errores en HTML, CSS y JavaScript. Estos errores pueden afectar el diseño, funcionamiento y organización de una página. Conocerlos ayuda a mejorar la programación y evitar problemas futuros.

1. No cerrar etiquetas HTML

Uno de los errores más frecuentes en HTML es olvidar cerrar etiquetas.

Incorrecto:

<p>Hola mundo

Correcto:

<p>Hola mundo</p>

Si las etiquetas no se cierran correctamente, algunos elementos pueden mostrarse mal.

2. Escribir mal etiquetas o atributos

A veces se escriben etiquetas incorrectamente.

Incorrecto:

<imgg src="foto.jpg">

Correcto:

<img src="foto.jpg">

Esto provoca que imágenes o elementos no funcionen.

3. Usar demasiados estilos en CSS

En CSS muchas veces se utilizan demasiados colores o tamaños que hacen que la página se vea desordenada.

Ejemplo:

color:red;
font-size:50px;
background:yellow;

Es importante mantener colores y tamaños equilibrados para lograr una apariencia más profesional.

4. No organizar el código CSS

Otro error común es escribir todo el CSS desordenado.

Por eso se recomienda:

  • separar estilos por secciones
  • usar nombres claros
  • mantener indentación correcta

Esto facilita futuras modificaciones.

5. Errores de sintaxis en JavaScript

En JavaScript un pequeño error puede impedir que el código funcione.

Ejemplo incorrecto:

console.log("Hola"

Correcto:

console.log("Hola")

Olvidar paréntesis o llaves es un error muy común.

6. No validar formularios

Muchas veces se crean formularios sin verificar los datos ingresados.

Ejemplo:

<input type="email" required>

Esto ayuda a evitar información incorrecta.

7. No hacer páginas responsive

Otro problema frecuente es crear páginas que solo se ven bien en computadora.

Para solucionarlo se usan media queries:

@media screen and (max-width:768px)

Esto permite adaptar el contenido a celulares y tablets.

8. No revisar errores en el navegador

Muchos programadores principiantes no revisan los errores que aparecen en el navegador.

Es importante:

  • probar constantemente la página
  • revisar la consola
  • corregir errores poco a poco

Esto ayuda a detectar problemas rápidamente.

Conclusión

Los errores en HTML, CSS y JavaScript son normales cuando se aprende desarrollo web. Sin embargo, identificar y corregir estos problemas permite mejorar las habilidades de programación y crear páginas más organizadas, funcionales y visualmente atractivas.

Autor: Diego Armando Acero
Fecha: 29 de mayo de 2026

Comentarios

Publicar un comentario

Entradas populares de este blog

"DE IDEA A CODIGO (COMO CONSTRUI MI PAGINA WEB DESDE CERO)

Hola, mi nombre es Diego, y en esta publicación quiero compartir mi experiencia creando una página web desde cero. Todo comenzó cuando empecé a cursar el tercer ciclo de mi carrera de APSTI en el Tecnológico de Estudios Superiores Luis E. Valcárcel. En el curso de Diseño de Páginas Web, comenzamos aprendiendo qué es HTML y cómo se utiliza para estructurar una página web. Aprendí que HTML es un lenguaje que permite organizar el contenido de una página, como textos e imágenes, similar a los periódicos tradicionales, pero en formato digital. Posteriormente, comprendí que una página web no solo necesita estructura, sino también diseño e interactividad. Por ello, aprendimos el uso de CSS y JavaScript, tecnologías que permiten dar estilo, color y dinamismo a una página web. Durante el curso, realizamos una página web básica como práctica. Sin embargo, decidí ir más allá e investigar por mi cuenta para crear mi propia página web desde cero. Para desarrollar mi proyecto, utilicé herramientas c...
1 comentario
Leer más

"DESARROLLO Y PERSONALISACION DE UNA PLANTILLA EN BLOGGER"

Durante este proyecto trabajé en la creación y adaptación de una plantilla personalizada para Blogger utilizando XML, HTML y CSS. El objetivo principal fue comprender cómo funciona la estructura interna de las plantillas y cómo modificar su diseño mediante código. Comprendiendo la estructura XML de Blogger Uno de los primeros problemas encontrados fue que Blogger no aceptaba el código insertado. Esto ocurrió porque la plataforma utiliza un sistema basado en XML y requiere etiquetas específicas para que una plantilla sea válida. Entre las etiquetas obligatorias se encuentran: <b:section> y también: <b:skin> Sin estas etiquetas, Blogger genera errores y no reconoce el tema como una plantilla válida. Uso de HTML y CSS Después de comprender la estructura XML, se comenzó a trabajar en la parte visual utilizando HTML y CSS. HTML El HTML permitió organizar la estructura de la página mediante: encabezados menús de navegación secciones botones contenedores tarjetas de c...
Publicar un comentario
Leer más

Introducción a la programación con JavaScript

  Programación en JavaScript: fundamentos, características y aplicaciones JavaScript es uno de los lenguajes de programación más utilizados en el desarrollo web. Gracias a su versatilidad, permite crear páginas dinámicas, aplicaciones interactivas y soluciones tanto para el lado del cliente como del servidor. Actualmente, es una herramienta indispensable para cualquier desarrollador que desee crear experiencias modernas y funcionales. ¿Qué es JavaScript?   Ejercicios Condicionales Js by fifamundialcatar22 JavaScript es un lenguaje de programación interpretado que se ejecuta principalmente en los navegadores web. Su principal objetivo es agregar interactividad a las páginas, permitiendo responder a las acciones del usuario, modificar el contenido en tiempo real y comunicarse con servidores sin necesidad de recargar la página. Con el paso de los años, JavaScript ha evolucionado hasta convertirse en un lenguaje capaz de desarrollar aplicaciones completas, tanto en el fr...
Publicar un comentario
Leer más