ubiquitour.com

Cómo crear un borde alrededor del texto en HTML

Cómo crear un borde alrededor del texto en HTML

Mientras trabaja con el lenguaje de marcado de hipertexto (HTML), aprender a realizar ciertas tareas, como crear un borde alrededor del texto, para que tengas más control sobre la visualización de su página. Cascading Style Sheets (CSS) trabaja con HTML para crear un contorno alrededor de su contenido. Esta manera, usted tiene la opción para resaltar información clave para que tus visitantes no se la pierdan. Usando el editor de texto que viene con el ordenador, práctica crear bordes alrededor de tu contenido HTML.

Instrucciones

1 Iniciar el editor de texto del ordenador y empezar un nuevo documento.

2 Escriba el código HTML que crea una página Web:

< html >

< head >

< title > Introduzca un nombre para tu página Web aquí < / title >

< /HEAD >

< cuerpo >

< /body >

< / html >

3 Introduzca el texto de su página Web entre los "< cuerpo >< / body >" etiquetas.

4 Escriba en "< div >< / div >" etiquetas antes y después de su contenido. Además, introduzca "estilo =" en la etiqueta de apertura "< div >" para prepararse para el inline CSS regla que crea la frontera. Por ejemplo:

< cuerpo >

< div estilo = "" >

Este es el texto que tiene un borde alrededor de él.

< / div >

< /body >

5 Introduzca los designadores "width" y "altura" que especifican las medidas de la frontera. Escriba un valor numérico en píxeles (px) después de la "anchura" y "altura" como sigue:

< div estilo = "width: 150px; altura: 150px; " >

Este es el texto que tiene un borde alrededor de él.

< / div >

6 Tipo de un atributo de la "frontera" para asignar la apariencia de la línea de frontera. Introduzca un valor en píxeles para especificar el ancho y escriba el nombre de un color. Además, introduce una característica, como "sólido" o "puntos" para especificar cómo aparece la línea. Para ilustrar:

< div estilo = "width: 150px; altura: 150px; frontera: 3px solid red; " >

Este es el texto que tiene un borde alrededor de él.

< / div >

7 Guarde el archivo con un archivo "HTM" o "HTML" (extensión). Inicie el navegador Web y seleccione la opción "Abrir" o "Abrir archivo" en el menú "Archivo" para abrir el documento y ver el borde alrededor de su texto.