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
<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
creando
</title>
</head>
<body>
<img src="C:\Documents and Settings\Administrador\Escritorio\autos\Tunning.jpg"></img>
</body>
</html>
se vera en el navegador así:
0 comentarios:
Publicar un comentario