IMÁGENES E HIPERVÍNCULOS

 En esta entrada aprenderemos a realizar enlaces e insertar imágenes en nuestra web.

Para poner un enlace en nuestra web a otra página como esto:

El código sería así con la etiqueta <a> al principio y </a> al final, fíjate bien donde va el enlace y donde se ponen las letras que tienes que pinchar.


Para insertar una imagen se hace con la siguiente etiqueta:
<img src="dinosaurio.jpg">
Pero si queremos una imagen de internet tenemos que obtener su dirección de enlace.
MUCHO CUIDADO CON INSERTAR IMÁGENES EN TU PÁGINA QUE NO ESTÉN LIBRES DE DERECHOS DE AUTOR.
<img src="https://www.example.com/images/dinosaurio.jpg">

VÍDEOS:

Si quieres introducir un vídeo de youtube pincha con el botón derecho del ratón en el enlace y elige copiar código de inserción, lo pegas directamente en tu página y listo.

EJERCICIO: 

Realiza una web donde aparezca una receta de cocina con color de fondo, listas, enlaces, fotos y vídeos.



Comentarios

Publicar un comentario

Entradas populares de este blog

PRÁCTICA 5 SCRATCH

Imagen
  Debemos hacer un juego en el que un objeto, en este caso un perro, pero puede ser cualquier otro, esquive barras que se moverán de izquierda a derecha e irán variando su tamaño. El juego acabará cuando el objeto toque una de las columnas. Aquí tenéis el código de una del objeto que se va a mover. Al final del juego tiene que aparecer GAME OVER. Y esto es lo que está dentro del por siempre. Este será el código de una de las barras:
Leer más

PRÁCTICA 4 SCRATCH

Imagen
  TAREA 4A Debéis realizar el siguiente programa en el que un objeto, en este caso un gato, golpea un balón y este avanza hasta el borde de la pantalla. Este será el código del balón. Este será el código del gato. TAREA 4B En este juego haremos que el gato busque al otro lado una tarta, para lo cual tiene que evitar ser golpeado por las pelotas que caen desde arriba.   Hay cinco objetos, los obstáculos tiene el mismo código, lo único que cambia es el número de pasos para que tengan una velocidad diferente. Los pasos que asignaremos son: 5, 10 y 15 respectivamente para cada objeto. En le código de los obstáculos encontramos que deben rebotar si tocan un borde y apuntan hacia arriba en dirección 0; hasta que tocan al objeto 1 o gato, detienen todo.   El código del gato es el siguiente:Apuntar en dirección 90, el bucle dice que repita hasta que toque la tarta que es el objeto 2, envíe el mensaje gané. Lo que el bucle ejecuta es el desplazamiento del gato, cada uno ...
Leer más