Tecnología

Inicio

Cómo establecer el ancho del texto en un ancla

Un ancla es una etiqueta HTML que vincula texto, imágenes y elementos de menú en su página web. La etiqueta de anclaje incluye un destino, la etiqueta y de destino. Al igual que otras etiquetas HTML, puede estilo anclas para mostrar de una manera determinada con las hojas de estilo en cascada (CSS). El: propiedad "visualización de la frase" ocupa toda una línea, incluso si otros elementos pueden adaptarse a la misma línea. Puede ajustar su anchura hasta las dimensiones de su recipiente en una etiqueta HTML.

Instrucciones

1 Iniciar un editor de texto, como el Bloc de notas, TextPad o EditPad. Seleccione "Archivo" y "Abrir" en el menú. Aparece un cuadro de diálogo. Seleccione el archivo HTML que desea modificar y haga clic en "Abrir".

2 Inserte el siguiente código CSS entre las etiquetas <head> y </ head>, la creación de un display: block para el ancla que desea dar formato:

<Style type = "text / css">
<! -
a.myWidth
{
background-color: amarillo; /

Color de fondo añadido para dar énfasis y puede ser removido /
bloqueo de pantalla;
Anchura: 250px;
}
->
</ Style>

3 Reemplazar "250px;" con el ancho que desea ajustar.

4 Inserte el siguiente código entre las etiquetas <body> y </ body> donde desee que la etiqueta de anclaje que se muestra:

<a href="URL" class="myWidth"> Texto del enlace </a>

5 Reemplazar "URL" con su enlace web, tales como "http://any-website.com/anypage.html&quot; y" Texto del enlace "con la etiqueta del ancla.