Wie verlinke ich Seiten in HTML mithilfe relativer URLs?-HTML-Tutorial-php.cn

Wie verlinke ich Seiten in HTML mithilfe relativer URLs?

WBOY

Freigeben： 2023-09-14 13:09:02

nach vorne

576 Leute haben es durchsucht

Wie verlinke ich Seiten in HTML mithilfe relativer URLs?

In HTML haben verschiedene HTML-Elemente Attribute, die auf andere Ressourcen verweisen. Der Wert dieser Eigenschaften ist eine URL, die absolut oder relativ sein kann.

Relative URLs enthalten nicht die vollständige URL. Bei relativen URLs beginnen wir automatisch bei der Adresse, an der sich der Browser gerade befindet, und fügen dann die Pfadkomponenten und die Erweiterung hinzu. Weisen Sie den Browser ausdrücklich an, den aktuellen Ordner zu verwenden.

Grammatik

Das Folgende ist die Syntax zum Verknüpfen von Seiten mithilfe relativer URLs.

<a href="relative URL">Link text…</a>

Nach dem Login kopieren

Die chinesische Übersetzung von

Beispiel

lautet:

Beispiel

Das Folgende ist ein Beispielprogramm zum Verlinken von Seiten mithilfe relativer URLs.

Anmeldeseite

<!DOCTYPE html>
<html>
<body>
   <h2>Relative link</h2>
   <h3>Sign In Page</h3>
   <form>
      <label for="fname">Email Address</label><br>
      <input type="text" id="fname" name="fname" ><br>
      <label for="lname">Password</label><br>
      <input type="text" id="lname" name="lname" ><br><br>
      <input type="submit" value="Login"> <a href="Untitled-2.html">Sign Up</a>
   </form>
</body>
</html>

Nach dem Login kopieren

Registrierungsseite

<!DOCTYPE html>
<html>
<body>
   <h2>Relative link</h2>
   <h3>Sign Up Page</h3>
   <form>
      <label for="fname">Name</label><br>
      <input type="text" id="fname" name="fname" ><br>
      <label for="email">Email</label><br>
      <input type="text" id="email" name="email" ><br>
      <label for="fname">Password</label><br>
      <input type="text" id="fname" name="fname" ><br>
      <label for="lname"> Re-enter Password</label><br>
      <input type="text" id="lname" name="lname" ><br><br>
      <input type="submit" value="Submit"> <a href="Untitled-1.html">Login</a>
   </form>
</body>
</html>

Nach dem Login kopieren

Im obigen Beispiel haben wir zwei verschiedene Seiten mithilfe relativer URLs verlinkt. Relative URLs enthalten nicht die vollständige Webadresse. Wie wir im obigen Beispielprogramm sehen können.

Das obige ist der detaillierte Inhalt vonWie verlinke ich Seiten in HTML mithilfe relativer URLs?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!