Tecnología

Inicio

Cómo agregar Banderas

Cómo agregar Banderas


Una bandera de la tela puede ser estático o animado e incluir imágenes, texto o una combinación de ambos. Pueden ser utilizados como encabezados o anuncios. banderas de la tela a menudo aparecen en la parte superior de la página, pero se pueden añadir en cualquier lugar de la página. Puede usar DIVs en Hypertext Markup Language (HTML) para crear un contenedor para su banner en una página web. Simplemente personalizar la ubicación y las dimensiones del DIV mediante hojas de estilo en cascada (CSS).

Instrucciones

1 Abrir un explorador de archivos, como el Explorador o Mi PC. Descansar el puntero del ratón sobre el archivo que contiene el banner que desea utilizar durante unos instantes hasta que aparezca una ventana emergente. Anote las dimensiones de la pancarta en la que se visualiza.

2 Comience su editor de texto favorito, como el Bloc de notas, TextPad o EditPad.

3 Abrir o crear un nuevo archivo CSS para el banner que desee agregar. Inserte el siguiente código, pero cambiar las dimensiones de la bandera y el nombre de los correctos para su página web:

bandera {float: left; Anchura: 800px; altura: 300px; Imagen de fondo: url ( "banner.jpg");

4} Haga clic en "Archivo" y "Guardar como" en el menú. Nombre del archivo en el campo de texto "Guardar como tipo". Añadir una extensión de archivo CSS, tales como "style.css". Coloque el nombre de archivo entre comillas para mantener el editor de texto de la adición de una extensión de texto a él. Clic en Guardar."

5 Cierre el archivo CSS, pero deje el editor de texto abierto. Seleccione "Archivo" y "Abrir" en el menú. Cambiar "Archivos de tipo" a "Todos los archivos". Encuentra el archivo HTML que desea modificar y haga doble clic en él. Se abre en el editor de texto.

6 Coloca el cursor hacia la derecha después de la apertura etiqueta <HEAD>. Para vincular el archivo CSS, añadir el siguiente entre las etiquetas <HEAD>:

<Link href = "style.css" rel = "stylesheet" type = "text / css" />

7 Coloca el cursor después de la etiqueta de apertura <BODY>. Agregue el código siguiente en el que desea que aparezca la bandera:

<Div id = "bandera"> </ div>

8 Seleccione "Archivo" y "Guardar" en el menú para actualizar el archivo HTML.

Consejos y advertencias

  • Puede colocar la imagen de los archivos de la bandera, CSS y HTML en la misma carpeta que la página web y la visualización de la bandera correctamente.
  • Si ha colocado el archivo de pancartas y CSS en una carpeta diferente que el archivo HTML, tendrá que incluir los nombres de la carpeta en el código.
  • Por ejemplo, para vincular a una carpeta "imgs" dentro de la carpeta principal, el cambio "banner.jpg" a "imgs / banner.jpg" en el paso 3. Para enlazar a una carpeta "css" dentro de la carpeta principal, el cambio "estilo Css "a" css / style.css ") en el paso 6.