Cómo escribir la ruta relativa src de img en html

Cómo escribir la ruta relativa src de img en html:

Referencia del archivo en el mismo directorio --- simplemente escriba el nombre del archivo al que se hace referencia directamente. Si el archivo fuente y el archivo de referencia están en el mismo directorio, simplemente escriba el nombre del archivo de referencia directamente. En este momento, la forma de hacer referencia al archivo es utilizar una ruta relativa.

Por ejemplo:

Ahora creamos un archivo fuente info.html y hacemos referencia al archivo index.html como un hipervínculo en info.html.

Supongamos que la ruta info.html es: c:/Inetpub/wwwroot/sites/blabla/info.html

Supongamos que la ruta index.html es: c:/Inetpub/wwwroot /sites /blabla/index.html

El código para agregar el hipervínculo index.html a info.html debe escribirse así:

lt; a href = "index.html "gt; Este es el hipervínculo lt;/agt;

Aviso:

Cómo representar el directorio de nivel superior

../ representa el nivel superior directorio del directorio donde se encuentra el archivo fuente,... /../ representa el directorio de nivel superior del directorio donde se encuentra el archivo fuente, y así sucesivamente.

Supongamos que la ruta info.html es: c:/Inetpub/wwwroot/sites/blabla/info.html

Supongamos que la ruta index.html es: c:/Inetpub/wwwroot /sites /index.html

El código para agregar el hipervínculo index.html a info.html debe escribirse así:

lt; a href = "../index. html"gt; Esto es un hipervínculo lt;/agt;

Supongamos que la ruta info.html es: c:/Inetpub/wwwroot/sites/blabla/info.html

Supongamos que la ruta index.html es: c:/Inetpub/wwwroot/index.html

El código para agregar el hipervínculo index.html a info.html debe escribirse así:

lt; a href = "../. ./index.html"gt;index.htmllt;/agt;

Supongamos que la ruta info.html es: c:/Inetpub/wwwroot/sites/ blabla/info.html

Supongamos que la ruta index.html es: c:/Inetpub/wwwroot/sites/wowstory/index.html

El código para agregar index.html el hipervínculo a info.html debe escribirse así:

lt;a href = "../wowstory/index.html"gt;index.htmllt;/agt;

Aviso :

Cómo representar directorios de nivel inferior

Para hacer referencia a un archivo en un directorio de nivel inferior, simplemente escriba la ruta del archivo en el directorio de nivel inferior directamente.

Supongamos que la ruta info.html es: c:/Inetpub/wwwroot/sites/blabla/info.html

Supongamos que la ruta index.html es: c:/Inetpub/wwwroot /sites /blabla/html/index.html

El código para agregar el hipervínculo index.html a info.html debe escribirse así:

lt a href = "html /index.html" gt; Este es un hipervínculo

Supongamos que la ruta info.html es: c:/Inetpub/wwwroot/sites/blabla/info.html

Supongamos que index.html La ruta es: c:/Inetpub/wwwroot/sites/blabla/html/tutorials/index.html

Se debe escribir el código para agregar el hipervínculo index.html a info.html así:

lt;a href = "html/tutorials/index.html"gt;Este es un hipervínculolt;/agt;

Ruta absoluta HTML:

Cuando usualmente usamos computadoras Para encontrar el archivo requerido, debemos conocer la ubicación del archivo, y la forma de indicar la ubicación del archivo es la ruta, siempre que veamos esta ruta: c:/. website/img/photo.jpg, sabremos que el archivo photo.jpg está en la unidad c, en el subdirectorio img del directorio del sitio web. Una ruta similar a esta que describe completamente la ubicación de un archivo es una ruta absoluta. No necesitamos conocer ninguna otra información para determinar la ubicación del archivo en función de la ruta absoluta. En el sitio web, la forma de determinar la ubicación del archivo es similar a /img/photo.jpg, que también es una ruta absoluta.

Ruta absoluta HTML (ruta absoluta) se refiere a la ruta completa del archivo con el nombre de dominio en la producción de la página web.

Supongamos que registra un nombre de dominio y solicita un host virtual. Su proveedor de host virtual le proporcionará un directorio, como www. Este www es el directorio raíz de su sitio web.

Supongamos que coloca un archivo default.asp en el directorio raíz www. La ruta absoluta de este archivo es: font color="#0058db"gt;/default.asp.

Supongamos que crea un directorio llamado archivos en el directorio raíz www y luego coloca un archivo 2886.html en el directorio. La ruta absoluta de este archivo es /archives/2886.html.