Día 1: Primeras etiquetas en HTML

Primer día utilizando este blog como diario de desarrollo para lenguaje de marcas. 

Hoy, día 3/11/2020 hemos comenzado a trabajar con varias etiquetas básicas. Además, también hemos utilizado Neocities, un servicio de alojamiento web gratuito, donde iremos compartiendo todo lo que vayamos trabajando diariamente en clase.


Derechos de autor aquí


En este caso, hemos estado trabajando con la etiqueta que nos permite insertar una imagen en nuestra página web: 

  • <img src>: Para imprimir una imagen en nuestra página web, debemos abrir una etiqueta img cuyo atributo sea "src" de valor nombre de la imagen que queremos añadir acompañado de su formato "png, jg, gif...). Además deberá estar entre comillas.
- Dato: A la hora de insertar la ruta donde se encuentra la imagen que queremos que aparezca en nuestra página, la mayoría de las veces, pondremos una ruta relativa. Hay dos tipos de ruta: 
    • Ruta absoluta: indica la ruta del archivo correspondiente a nuestro equipo. De esta manera, si insertamos nuestra ruta, no se podrá ver la imagen en la página web ya terminada. 
    • Ruta relativa: indica la ruta donde se encuentra el archivo dentro de la carpeta donde también se encuentra nuestro código HTML, CSS...
Adjunto un vídeo explicativo de la diferencia (de una manera más detallada) entre ruta absoluta y ruta relativa.

A continuación, comparto un enlace para que todo el que quiera pueda ver una página subida en el servicio de alojamiento web Neocities

Para ver mi página, pulsa aquí

Comentarios

Entradas populares