Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: boticheliss en 13 Enero 2011, 17:53 PM

Título: duda imagenes en html
Publicado por: boticheliss en 13 Enero 2011, 17:53 PM
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.
Título: Re: duda imagenes en html
Publicado por: Spider-Net en 14 Enero 2011, 04:14 AM
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.
Título: Re: duda imagenes en html
Publicado por: Shell Root en 14 Enero 2011, 04:53 AM
WTF! acaso los corchetes no son { }
Título: Re: duda imagenes en html
Publicado por: wirelesswifi en 14 Enero 2011, 04:57 AM
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>
Título: Re: duda imagenes en html
Publicado por: Spider-Net en 14 Enero 2011, 18:23 PM
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
Título: Re: duda imagenes en html
Publicado por: RyogiShiki en 14 Enero 2011, 18:30 PM
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
Título: Re: duda imagenes en html
Publicado por: Spider-Net en 14 Enero 2011, 20:37 PM
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.
Título: Re: duda imagenes en html
Publicado por: flacc en 15 Enero 2011, 02:51 AM
< > 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...
Título: Re: duda imagenes en html
Publicado por: Spider-Net en 15 Enero 2011, 06:31 AM
¿No has leído el post que he puesto justo arriba o es que simplemente te mola llevar la contraria? xD
Título: Re: duda imagenes en html
Publicado por: Nakp en 15 Enero 2011, 06:44 AM
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