Insertar códigos especiales para insertar códigos

This preview shows page 5 - 7 out of 10 pages.

Insertar Códigos Especiales Para insertar códigos especiales: Disco de 5 & frac14; sin espacio en blanco después del &. Y el resultado en pantalla se vería así: Disco de 5¼ Para ver una lista de todos los códigos especiales consultar: Envío de correo electrónico En una página web se puede insertar un hipervínculo especial que cuando se hace click encima de el, manda llamar al servicio de correo electrónico que se tenga por default en ese momento (por ejemplo Outlook) con el objeto de enviar un correo electrónico hacia cierta persona definida en el etiqueta href seguida de mailto: <p>Mi dirección de correo electrónico es <a href ="mailto:[email protected]">[email protected]</a> </p> y el resultado en pantalla se vería así: Mi dirección de correo electrónico es [email protected]
Image of page 5

Subscribe to view the full document.

IMAGENES Insertar imágenes Los formatos de imágenes mas utilizados y que todos los navegadores soportan son GIF, JPEG y PNG . Para insertar una imagen en una página web se utiliza la etiqueta img y después con src se indica el nombre del archivo, y como atributos opcionales se utiliza width y height para indicar el ancho y altura de una imagen. Si se omiten los valores de width y height se utilizarán los valores del tamaño de la imagen original para ponerla dentro de una página web. A continuación se muestra el código sin parámetros: <img src ="valid-xhtml10.png"/> y el resultado en pantalla se vería así: Ahora el código con parámetros: <img src = "valid-xhtml10.png" height = "100" width = "100"/> y el resultado en pantalla se vería así: Aunque en esta última codificación hay que tener cuidado con los valores de ancho y altura, ya que si corresponden en proporción con los valores del tamaño de la imagen real, existirá una distorsión. También existe el comando alt cuando se inserta una imagen, y en este comando se le especifica un mensaje el cual aparecerá en pantalla cuando el cursor del mouse pase por encima de la imagen. El texto de alt por lo general hace una descripción de la imagen: <img src ="valid-xhtml10.png" alt="logotipo de validación" /> y el resultado en pantalla se vería así: Imágenes con hipervínculos Una imagen puede contener un hipervínculo, asi que al hacer click encima de ella se cargará una nueva dirección, para ello se pone el código de la imagen dentro del código de un hipervínculo. Por ejemplo para el siguiente código: <a href="index.html"><img alt="Mi logotipo" src="rfe_di01.jpg" /></a>
Image of page 6
Image of page 7
  • Fall '09
  • RogelioFerreiraEscutia
  • World Wide Web, Correo electrónico, Hola Mundo, Hiperenlace

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern