Cómo hacer un cuadro con el texto dentro de HTML

El lenguaje de marcado de hipertexto (HTML) es el lenguaje más utilizado para crear la estructura y el contenido de las páginas web. HTML contiene una amplia gama de elementos que permiten a los usuarios generar enlaces, imágenes, párrafos, encabezados y mucho más. Estos elementos se agregan a una página mediante el uso de conjuntos específicos de caracteres, conocidos como etiquetas. Una vez que comprenda la combinación de elementos y etiquetas necesarias, crear un bloque de texto rodeado por un cuadro en HTML es una tarea rápida.

Paso 1

Abra la página web que desea editar y vea su código HTML. Si usa un editor de texto, simplemente abra su página en el programa y desplácese hacia abajo hasta llegar a la sección de la página donde aparecerá el cuadro y el texto. Si usa un programa de sitio web visual, como Microsoft Expression Web o Adobe Dreamweaver, abra su página y luego haga clic en el área donde desea agregar el cuadro y el texto. Después de hacerlo, cambie su modo de visualización a "Vista de código" para ver el código HTML que controla el comportamiento de la página.

Paso 2

Presiona la tecla "Enter" para crear una línea en blanco en tu código HTML.

Paso 3

Copie y pegue las siguientes tres líneas de código en la línea en blanco creada en el paso anterior:

Un bloque de texto de párrafo va aquí

Paso 4

Ajuste los parámetros del código que agregó en el paso anterior, según sea necesario. Cambie el ancho, el tamaño del borde, el estilo del borde y el color del borde modificando los valores "500px", "2px", "sólido" y "negro" en la primera línea del código. Cambie la cantidad de espacio que rodea el texto modificando el valor "10px" en la segunda línea del código. Modificar el texto ubicado entre la apertura "

" y cerrando "

" etiquetas que se adapten a las necesidades de su página.

Paso 5

Guarde la página y luego ábrala en un navegador web. El código que insertó y modificó en los dos pasos anteriores agrega un cuadro de 500 píxeles de ancho con un borde negro que rodea un bloque de texto de párrafo.