Lenguaje de Marcas 03-11-2020
En la clase de lenguaje de marcas impartida el día 03-11-2020, aprendimos la diferencia entre la ruta absoluta y la ruta relativa, pero yo lo voy a explicar para que se entienda mejor y por si os sirve de ayuda.
- Ruta absoluta: se indica toda la ruta del archivo incluyendo el directorio raíz.
Ejm: C:\carpeta1\carpeta2\archivo1.doc
- Ruta relativa: se indica la ruta a partir de donde este en ese momento situado. No se incluye el directorio raíz. Por ejemplo, si estamos en la ruta C:\carpeta1 y queremos acceder al archivo1 que esta dentro de la carpeta2, seria carpeta2\archivo1. Para ir al directorio padre, usamos dos puntos seguidos (..)
En Linux, el directorio raíz es / y los directorios y archivos se separan con / también.
También hemos aprendido a utilizar la etiqueta para poner las imágenes. Se compone de estos elementos que vamos a explicar.
<img src="imagenes/lobo.jpg" alt="Imagen ejemplo"/>
Para utilizar una imagen, lo mas cómodo seria crear una carpeta en la misma ruta del archivo.html, pero si la creamos en otra ruta lo tenemos que indicar. Esto son los componentes de esta etiqueta
- En el enlace del img src se colocaría la ruta (en este caso relativa) de la imagen.
- En el enlace del alt se nombraría el nombre de la imagen. Esto texto aparecerá en el caso de que la imagen no cargase
Aquí os inserto una imagen de un ejemplo para que se vea en el Notepad.
Yo he creado un archivo con la imagen de un lobo en neocities y para que la imagen se vea e tenido que copiar la carpeta de la ruta de la imagen.
Además he ido utilizando otras etiquetas para poner un titulo, las palabras en negrita y para separar los párrafos. Aquí os dejo el enlace para que le echéis un vistazo:
Esta practica la he subido a Neocities, la cual es una web que se utiliza para subir archivos y carpetas html y CSS. Asi es mi pagina web
Esta es la pagina principal de Neocities. En la parte de abajo se pueden subir todos los archivos de html y CSS.
Por aquí os dejo unos enlaces de mi pagina Web y de la practica de la imagen del lobo.
Comentarios
Publicar un comentario