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

...

Cree un cuadro que contenga un bloque de texto utilizando 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 de caracteres específicos, conocidos como etiquetas. Una vez que comprenda la combinación de elementos y etiquetas requerida, 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án el cuadro y el texto. Si utiliza 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 HTML que controla el comportamiento de la página.

Video del día

Paso 2

Presione la tecla "Enter" para crear una línea en blanco en su 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:

Aquí va un bloque de texto de párrafo

Etapa 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 para adaptarse 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.