duda imagenes en html

Iniciado por boticheliss, 13 Enero 2011, 17:53 PM

0 Miembros y 1 Visitante están viendo este tema.

boticheliss

Estoy empezando con HTML y tengo una duda que no he podido resolver.

He creado una imagen con programa webdraw y la he guardado como imagen.svg pero también la he exportado con imagen.bmp(imagen estática). Me piden crear un archivo html que utilice la imagen estatica como un enlace a la version SVG y este fichero no debe contener directamente ningun grafico svg para que se pueda ver con cualquier navegador. Exactamente no se a que refiere con esto.

Yo he creado el siguiente fichero pero no se visualiza la imagen y no se si es lo que se me pide:

<html>
<head> <title>Ejemplo de gráfico SVG</title> </head>
<body>
<center>
<embed src=ejercicio1.bmp" name="ejercicio1"
width="500" height="500"
</center>
</body>
</html>



Si tengo una animación svg y la quiero insertar en una pagina html con este codigo si me sale, pero no es lo que se me pide primero.


<html>
<head> <title>Ejemplo de gráfico SVG</title> </head>
<body>
<center>
<embed src="C:\Users\Javi\IMD\imagen\pruebas\ejercicio1(a nimacion).svg" name="ejercicio1(animacion)"
width="500" height="500"
type="image/svg-xml"
pluginspage="http://www.adobe.com/svg/viewer/install/">
</center>
</body>
</html>


¿Cual seria la solucion? No me aclaro mucho.

Un saludo

Muchas gracias.

Spider-Net

Las imágenes en HTML se insertan así:

Código (html4strict) [Seleccionar]
<img src="ejercicio1.bmp" name="ejercicio1"
width="500" height="500">


Cuidado con las comillas y los corchetes > porque te comes unos cuantos.

Shell Root

WTF! acaso los corchetes no son { }
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

wirelesswifi

#3
El primer codigo HTML iria asi:

Código (html4strict) [Seleccionar]
<html>
<head> <title>Ejemplo de gráfico SVG</title> </head>
<body>
<center>
<img src="ejercicio1.bmp" name="ejercicio1"
width="500" height="500" />
</center>
</body>
</html>


El codigo correcto el que te dijo anteriormente Spider-Net, debe verse la imagen estando la imagen en la misma ruta que el html

El segundo codigo HTML del ejemplo grafico de SVG seria asi:

Código (html4strict) [Seleccionar]
<html>
<head> <title>Ejemplo de gráfico SVG</title> </head>
<body>
<center>
<embed src="C:\Users\Javi\IMD\imagen\pruebas\ejercicio1(a nimacion).svg" name="ejercicio1(animacion)" type="image/svg+xml" width="500" height="500" pluginspage="http://www.adobe.com/svg/viewer/install/" />
</center>
</body>
</html>


Nos dices si sirvio el ultimo codigo.

Saludos.

Edito:

El codigo de svg iria asi:

<object data="ejercicio1(a nimacion).svg" type="image/svg+xml" width="500" height="500">  </object>

Quedando asi:

Código (html4strict) [Seleccionar]
<html>
<head> <title>Ejemplo de gráfico SVG</title> </head>
<body>
<center>
<object data="ejercicio1(a nimacion).svg" type="image/svg+xml" width="500" height="500">  </object>
</center>
</body>
</html>

Spider-Net

Cita de: Shell Root en 14 Enero 2011, 04:53 AM
WTF! acaso los corchetes no son { }

Y también estos se llaman corchetes [], se suele usar para cualquier símbolo de apertura y cierre. Sino dime como se llaman estos <>? Porque símbolo "mayor que" y "menor que" no pienso llamarlo xD

RyogiShiki

Cita de: Spider-Net en 14 Enero 2011, 18:23 PM
Y también estos se llaman corchetes [], se suele usar para cualquier símbolo de apertura y cierre. Sino dime como se llaman estos <>? Porque símbolo "mayor que" y "menor que" no pienso llamarlo xD

LA verdad y cito de Wikipedia sus nombres correctos son:
Citarlos paréntesis angulares, corchetes angulares, "cuñas" o "corchángulos":

XD

Slaudos


Spider-Net

#6
Osea que no está mal que los haya llamado "corchetes", no creo que haya problemas por no haber escrito "angulares" no?

CitarEn lengua que se usan a pares para separar o intercambiar un texto dentro de otro. Los distintos tipos son:
los paréntesis propiamente dichos: ( ),
los corchetes: [ ],
las llaves: { } y
los paréntesis angulares, corchetes angulares, "cuñas" o "corchángulos": < >.

De hecho, según la wikipedia es más apropiado llamar corchete a estos <> que a estos {} ya que a unos se les llama "corchetes angulares" mientras a otros se les llama "llaves", en cualquier caso yo creo que cualquier símbolo de apertura y cierre se puede considerar un corchete, no hay que darle más vueltas.

flacc

< > se llaman simbolos, si no sabes el nombre le dices simbolos, por ejemplo... cuidado con los simbolos (>< "", etc) que te los comes mucho... no hay para que especificar que sea mayor y menor que...

Spider-Net

¿No has leído el post que he puesto justo arriba o es que simplemente te mola llevar la contraria? xD

Nakp

Cita de: Shell Root en 14 Enero 2011, 04:53 AM
WTF! acaso los corchetes no son { }

ni por cerca... los corchetes son [ ] las llaves son las { } los < > son parentesis angulares :xD pero eso no es lo que importa :) vayanse a discutirlo al foro libre :o




sobre lo que te piden... es una <a><img /></a> hacia un html con un <object/embed /> svg :P
Ojo por ojo, y el mundo acabará ciego.