Cómo poner sección de comentarios en HTML

Escrito por: Maria Coppola

PLANTILLAS DE PROGRAMACIÓN GRATUITAS

Descarga nuestras plantillas gratuitas de código HTML, CSS y JavaScript, y obtén acceso a repositorios de GitHub.

Descarga gratis: plantillas de HTML, CCS y JavaScript
Cómo poner sección de comentarios en HTML

Actualizado:

Publicado:

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.

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.

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. 

Cómo crear una sección de comentarios en HTML: editar código

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: 

Cómo crear una sección de comentarios en HTML: definir ancho

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. 

Cómo crear una sección de comentarios en HTML: dar formato

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. 

Cómo crear una sección de comentarios en HTML: diseña el área de texto

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. 

Cómo crear una sección de comentarios en HTML: propiedades botón envío

¡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. 

New Call-to-action
Temas: HTML

Artículos relacionados

Descarga nuestras plantillas gratuitas de código HTML, CSS y JavaScript, y obtén acceso a repositorios de GitHub.

    CMS Hub is flexible for marketers, powerful for developers, and gives customers a personalized, secure experience

    START FREE OR GET A DEMO