iT邦幫忙

2021 iThome 鐵人賽

DAY 12
0
自我挑戰組

html與css粗淺新手入門教學系列 第 12

html 檔案間的串連

  • 分享至 

  • xImage
  •  

如果我們今天寫了兩個網頁,要如何將他們串聯在一起呢?那就要用到a href這個語法了
假設我寫了一個主頁和一個登入頁面,希望在按下標題欄的按鈕一時可以跳到主頁(檔名為main.html)
https://ithelp.ithome.com.tw/upload/images/20210912/20140086TPnY62wM54.jpg
按下按鈕二時可以跳到登入頁面(檔名為login.html)
https://ithelp.ithome.com.tw/upload/images/20210912/20140086MlHTHyYDxc.jpg
想達成這個效果就需要在按鈕的div外包一層a,a裡面寫有要導向的網頁檔名,以下示範寫法,為了方便閱讀將兩個按鈕做了換行

<a href="main.html"><div class="but1">按鈕一</div></a>
<a href="login.html"><div class="but2">按鈕二</div></a>

記得這兩個檔案中的按鈕都要寫入才會兩邊的導覽列都產生效果,如此一來就可以將你做好的多個網頁進行串連了


上一篇
html 匯入圖片
下一篇
html icon
系列文
html與css粗淺新手入門教學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言