Vistas de página en total

Datos personales

Popular Posts

Con la tecnología de Blogger.

lunes, 17 de junio de 2013



En nuestro Tutorial parte 1 observamos el ejemplo de como añadir imágenes desde la web, ahora observaremos como añadirlas desde nuestro ordenador


Ejemplo #2 Imágenes desde ordenador
Tendré en una carpeta en el escritorio de mi PC, la cual la llamare autos dentro de esta carpeta pondré una imagen la cual la llamare tunning, 

primero: Agregar la estructura básica HTML, agregar un espacio 
<html>
<head>
<title>
</title>
</head>
<body>
Espacio agregado
</body>
</html>
En el espacio agregado agregaremos la etiqueta
<img src="">
a diferencia de nuestra otra lección esta vez agregaremos como ruta la de nuestro ordenador para encontrar esta ruta
 damos a la imagen clic derecho → propiedades nos dará un cuadro así clic en propiedades

nos mostrara un cuadro así, debemos, copiar la ruta


en mi caso la ruta es:
C:\Documents and Settings\Administrador\Escritorio\autos
en la ultima palabra agregaremos este signo "\" cuando agreguemos ese signo debemos poner el nombre que tenemos la imagen en mi caso la imagen se llama
Tunning.jpg
nos debe quedar así:
C:\Documents and Settings\Administrador\Escritorio\autos\Tunning.jpg
ahora nuestra etiqueta de imagen queda asi:
<img src="C:\Documents and Settings\Administrador\Escritorio\autos\Tunning.jpg"></img>
la imagen en la estructura html
<html>
<head>
<title>
creando
</title>
</head>
<body>
<img src="C:\Documents and Settings\Administrador\Escritorio\autos\Tunning.jpg"></img>
</body>
</html>
se vera en el navegador así:

Categories:

0 comentarios:

Publicar un comentario