Como usuarios de internet estamos acostumbrados a ver la gran cantidad de recursos que poseen aquellos sitios web que quieren deleitar a los visitantes: estos utilizan las herramientas disponibles para mejorar la experiencia de usuario o User Experience (UX), y por ello características como videos, sonidos, imágenes y disposición de los elementos visuales, colores y secciones de información, aumentan el tiempo que utilizamos estas páginas y dotan de una sensación de hospitalidad mientras visitamos cada página.
En este sentido, los comentarios HTML son elementos que ayudarán a enriquecer la experiencia de una manera ágil y sencilla. A través de la navegación proporcionarán elementos adicionales, como información textual, que dará más elementos a los visitantes para captar el mensaje que quieres expresar.
![<< [Plantilla gratuita] >> Plantillas de códigos de programación para HTML.](https://no-cache.hubspot.com/cta/default/53/bb3e5cad-5b6c-4956-a702-59b9da03864a.png){kind=small}
¿Qué es una sección de comentarios en HTML?
Una sección de comentarios es un espacio dentro de tu sitio web destinado a que los usuarios o visitantes establezcan comunicación contigo mediante retroalimentaciones, críticas o preguntas. De esta manera, puedes mejorar la experiencia de tu sitio en base de los comentarios que recibas.
Ahora que conoces qué es una sección de comentarios en HTML, sigue cuidadosamente los siguientes pasos y sabrás cómo poner esos comentarios en tu página o sitio web.
¿Cómo incluir una sección de comentarios en HTML?
- Crea el código HTML para la sección de comentarios.
- Define el ancho de tu sección de comentarios.
- Da formato a la sección de «Comentario».
- Diseña el área de texto o recuadro para los comentarios.
- Establece las propiedades para el botón de envío.
1. Crea el código HTML para la sección de comentarios
El primer paso para incluir una sección de comentarios en HTML es crear tu código. Nosotros te compartimos uno muy básico. Abre el archivo de la página web en el programa de edición de texto.
2. Define el ancho de tu sección de comentarios
A partir del código HTML anterior o alguno similar con las propiedades que tú indiques, puedes comenzar a agregar propiedades de estilo. Para hacerlo, ubícate en la etiqueta <container> y define el ancho de tu sección, por ejemplo, 600px. Haz lo mismo con el fondo, el margen y el relleno. El código quedaría de la siguiente manera:
3. Da formato a la sección de «Comentario»
Ahora es necesario que muestres la propiedad de «comment» como un elemento de bloque. Además, debes especificar su altura y el tamaño del borde y el relleno.
Recuerda que tú puedes modificar esta información con los datos que te sean más útiles, según el estilo y diseño que desees para tu sección de comentarios en HTML.
4. Diseña el área de texto o recuadro para los comentarios
Al igual que el comentario anterior, estos datos los puedes modificar según tus necesidades. No obstante, te compartimos un estilo básico para el área de texto del recuadro de los comentarios.
5. Establece las propiedades para el botón de envío
Ahora es tiempo de que establezcas la propiedad de color de fondo, relleno, sombra de cuadro y radio de borde. Una vez más, recuerda que los datos los puedes modificar de acuerdo con tus necesidades.
¡Ya terminaste! Con estos pasos esperamos que hayas podido incluir una sección de comentarios en HTML. Como puedes ver, solo es cuestión de agregar los datos que tú requieras, según el diseño y estilo que necesites. Si bien estas propiedades son muy básicas, puedes agregar elementos más elaborados si lo consideras necesario.
