Maison > interface Web > tutoriel HTML > Résumé d'un exemple de tutoriel tag-img tag-absolute/relative path

Résumé d'un exemple de tutoriel tag-img tag-absolute/relative path

零下一度
Libérer: 2017-06-24 11:54:35
original
1571 Les gens l'ont consulté

Beau samedi, j'écrirai plus aujourd'hui et j'essaierai d'écrire js dès que possible. C'est un peu ennuyeux.

1. Parlons d'abord du saut entre les pages Web

 (1), href="Écrivez ici l'adresse de la page Web à rediriger"; Sauter entre deux pages ou accéder à d'autres pages Web directement via l'URL.

Code de page Web : Nous écrivons deux pages Web pour sauter entre elles

Code de la page Web deux :
<html>
    <head>
        <title>网页一</title>
    </head>
    <body>
     <a href="网页2.html">跳转网页2</a>
    </body>
</html>
Copier après la connexion

Les deux fichiers doivent être dans le même dossier [Remarque] : Il est préférable de nommer la page en anglais. avoir des problèmes avec le chinois plus tard, je suis juste là pour que ce soit plus clair pour tout le monde
<html>
    <head>
        <title>网页二</title>
    </head>
    <body>
     <a href="网页1.html">跳转网页1</a>
    </body>
</html>
Copier après la connexion

[Note] : Ici les deux fichiers sont au même niveau , C'est bien de sauter de cette façon, et s'ils n'étaient pas au même niveau !

C'est comme ça ! Qu'en est-il du chemin dans notre "href=' '" si la page Web 2 se trouve dans un autre dossier ? Bien sûr, regardez la photo.

La page Web passe à la page Web 2

En fait, nous le voyons souvent lorsque nous allons en ligne, alors qu'est-ce que cela signifie ? Ce que cela signifie ici est basé sur le fichier actuel, qui est "

Page Web 1

", ce qui signifie accéder à la Page Web 2 🎜> ; Mais le problème revient, je veux passer de la Page Web 2 à la Page Web 1

Que dois-je faire ici ? c'est une petite chose

../ Cela représente un retour au dossier précédent Le niveau supérieur de la page web 2 n'est-il pas le sous-dossier ! La page Web n'est-elle pas au même niveau que le sous-dossier juste Page Web 1 !

Donc, le code pour page Web 2 pour accéder à la page Web 1 est comme ceci

Cela signifie qu'il passe à la page Web 1

dans le dossier précédent

1. Chemin relatif

Ce type de chemin est appelé chemin relatif, qui est relatif Avec le fichier actuel, où est le fichier que vous recherchez ? Bien sûr, nous en avons un autre, qui est chemin absolu

mais il n'est pas recommandé.

Les chemins relatifs peuvent être utilisés sur l’ordinateur de n’importe qui, mais les chemins absolus ne le peuvent pas. Qui sait où vous placerez le fichier. 2. Chemin absolu

Vous apprend un bon moyen d'obtenir le chemin absolu. Faites glisser le fichier dans la barre d'adresse du navigateur et l'adresse complète du fichier sera affichée.  

Juste celui après la lettre de lecteur ! Le fichier:/// devant n'est pas obligatoire

Vous pouvez également sauter en écrivant l'adresse complète dans la page web 2

 

La dernière chose Petite chose, hier j'ai parlé de l'insertion d'images dans des pages web

1. Insérer des images

(1), 🎜>

(2) Chemin [Remarque] : Puisque mes fichiers sont placés ainsi, mes images sont les images du dossier html du dossier img Image nommée 01 .jpg. Notez également ici que le chemin de format de votre image est différent du format de l'image et qu'elle ne peut pas être affichée !

Effet

J'espère que vous commenterez davantage !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal