-
Cómo crear un borde alrededor del texto en HTML
-
A medida que trabaja con el lenguaje de marcado de hipertexto (HTML), aprender a realizar ciertas tareas, como la creación de una frontera alrededor del texto, para que tenga un mayor control sobre la visualización de la página. Cascading Style Sheets (CSS) trabaja con el lenguaje HTML para crear un contorno alrededor de su contenido. De esta manera, usted tiene la opción de poner de relieve los datos clave para que sus visitantes no se lo pierdan. Usando el editor de texto que viene con el equipo, la práctica de la creación de fronteras alrededor de su contenido HTML.Instrucciones
1 Lanzar editor de texto de su ordenador y comenzar un nuevo documento.
2 Escribir el código HTML que crea una página Web:
<Html>
<Head>
<Title> Introduzca un nombre para su página Web aquí </ title>
</ Head>
<Body>
</ Body>
</ Html>
3 Introduzca el texto de la página Web entre los "<body> </ body>" etiquetas.
4 El tipo de "<div> </ div>" etiquetas antes y después de su contenido. Además, introduzca "style =" en la apertura "<div>" etiqueta para prepararlo para la regla CSS en línea que crea la frontera. Por ejemplo:
<Body>
<Div style = "">
Este es el texto que tiene un borde alrededor.
</ Div>
</ Body>
5 Introduzca los designadores y "ancho", "altura" que especifican las medidas de la frontera. Escriba un valor numérico en píxeles (px) después de que el "ancho" y "altura" de la siguiente manera:
<Div style = "width: 150px; altura: 150px;">
Este es el texto que tiene un borde alrededor.
</ Div>
6 Escribir en un atributo de "frontera" para asignar el aspecto de la línea fronteriza. Introduzca un valor en píxeles para especificar el ancho y escribir el nombre de un color. Por otra parte, introducir una característica, como "sólido" o "puntos" para especificar cómo aparece la línea. Para ilustrar:
<Div style = "width: 150px; altura: 150px; border: 3px sólida red;">
Este es el texto que tiene un borde alrededor.
</ Div>
7 Guarde el archivo con un "HTM" o archivo "HTML" final (extensión). Abra su navegador de 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.
