Foro de elhacker.net

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
  1. <img src="ejercicio1.bmp" name="ejercicio1"
  2. width="500" height="500">
  3.  

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
  1. <head> <title>Ejemplo de gráfico SVG</title> </head>
  2. <img src="ejercicio1.bmp" name="ejercicio1"
  3. width="500" height="500" />
  4. </body>
  5. </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
  1. <head> <title>Ejemplo de gráfico SVG</title> </head>
  2. <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/" />
  3. </body>
  4. </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
  1. <head> <title>Ejemplo de gráfico SVG</title> </head>
  2. <object data="ejercicio1(a nimacion).svg" type="image/svg+xml" width="500" height="500">  </object>
  3. </body>
  4. </html>


Título: Re: duda imagenes en html
Publicado por: Spider-Net en 14 Enero 2011, 18:23 pm
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
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:
Citar
los 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?

Citar
En 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
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