ubiquitour.com

Código HTML para poner una imagen en la barra de navegación

Código HTML para poner una imagen en la barra de navegación

Agregar una imagen o botón gráfico al menú de navegación de su sitio web puede ayudar a claramente el contenido de la etiqueta para que los visitantes pueden navegar el sitio fácilmente. El código de lenguaje marcado de hipertexto para agregar una imagen a un menú de navegación es el mismo código IMG SRC utilizado para agregar una imagen a la sección del cuerpo principal de una página Web. Para asegurar que la imagen se muestra correctamente sin dañar el diseño del menú de navegación General diseño de página, debe usar una pequeña imagen, normalmente de 10 a 20 píxeles de pantalla amplia y profundas--en lugar de una foto grande. También puede necesitar ajustar la anchura total del elemento de barra de navegación para acomodar el espacio extra requerido por la imagen.

Preparar la imagen

Antes de agregar la imagen con el código HTML, abra el archivo de imagen en su programa de gráficos preferida o aplicación de gráficos predeterminada de su equipo, como Microsoft Paint. Escribir la anchura y la altura de la imagen en píxeles de la pantalla. Microsoft Paint muestra esta información en la barra de estado inferior debajo de la imagen. Si es necesario, reducir el tamaño de la imagen hasta que quede a no más de 10 a 20 píxeles de anchura y altura. Subir la imagen al servidor de host de su sitio Web.

Encontrar el código de HTML del menú de navegación

Inicie su programa de edición de HTML, aplicación de diseño Web o el editor de texto de Microsoft Notepad. Abra la Página Web que contiene la barra de navegación a la que desea agregar la imagen. Desplácese hasta el vigente Código de la barra de navegación. Usted debe ser capaz de encontrar esto buscando la lista de sus páginas web y las URL de las páginas que componen el código para el menú de navegación. En algunos sitios, el elemento de diseño podría ser etiquetado con "<--------> el menú de navegación" o similar.

Tipos de código de navegación HTML

Un menú de navegación del sitio web HTML más generalmente está dentro de un elemento table HTML o un elemento de división DIV. Encuentra el atributo width de la división o la tabla; por ejemplo, < div estilo = "width: 400px" > o < tabla ancho = "400" >. Aumentar el atributo width para incorporar el ancho de la imagen. por ejemplo, cambiar a "420". Aunque se debe cambiar el atributo width del elemento de menú de navegación, no necesita modificar la anchura de otros elementos circundantes como más diseños de página Web contienen suficiente flexibilidad para adaptarse a cambios de diseño pequeño tamaño.

Agregue el código HTML de imagen

Para agregar el código HTML de la imagen, haga clic en el código de menú de navegación en la posición de inserción para el código de la imagen. Escriba o pegue el código siguiente en esta ubicación:

< img src = "imágenes/ejemplo-button.gif" alt = "ejemplo" >

Cambiar la ruta del archivo en el primer conjunto de Comillas a la carpeta y el archivo ruta de acceso correcta en relación con la Página Web. En este ejemplo, el archivo de imagen GIF está contenido en una subcarpeta "imágenes" en directorio de raíz del sitio. Si agrega la imagen a la carpeta de raíz principal, no necesita el "imágenes /" parte de la ruta del archivo y el nombre del archivo será suficiente. Cambiar la descripción de la imagen texto "Alt" para una descripción de una o dos palabras de la imagen. Guardar la Página Web y subirla a su servidor Web para implementar los cambios.