首頁 > web前端 > html教學 > 如何使用相對URL在HTML中連結頁面?

如何使用相對URL在HTML中連結頁面?

WBOY
發布: 2023-09-14 13:09:02
轉載
560 人瀏覽過

如何使用相對URL在HTML中連結頁面?

在HTML中,不同的HTML元素具有包含指向其他資源的屬性。這些屬性的值是URL,可以是絕對URL或相對URL。

相對 URL 不包含完整的網址。使用相對 URL,我們會自動從瀏覽器目前所在的位址開始,然後新增路徑元件和副檔名。明確告訴瀏覽器使用目前資料夾。

文法

以下是使用相對 URL 連結頁面的語法。

<a href="relative URL">Link text…</a>
登入後複製

Example

的中文翻譯為:

範例

以下是使用相對URL連結頁面的範例程式。

登入頁面

<!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>
登入後複製

註冊頁面

<!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>
登入後複製

在上面的範例中,我們使用相對URL連結了兩個不同的頁面。相對URL不包含完整的網址。正如我們在上面的範例程式中所看到的。

以上是如何使用相對URL在HTML中連結頁面?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板