教你點厲害玩意，嘗嘗HTML的厲害！ 我為了這節課寫了一些東西，你來看看 這是images文件夾里的東西 廢話少說，看代碼 這是index.html的 1 <html> 2 <head> 3 <title>Head First Lounge</title> 4 </head> 5 <body> 6 ...
教你點厲害玩意，嘗嘗HTML的厲害！
我為了這節課寫了一些東西，你來看看
這是images文件夾里的東西
廢話少說，看代碼
這是index.html的
1 <html> 2 <head> 3 <title>Head First Lounge</title> 4 </head> 5 <body> 6 <h1>Welcome to the New and Impproved Head First Lounge</h1> 7 <img src = "images/drinks.jpg" alt ="果汁" title = "果汁"> 8 <p> 9 Join us any evening for refershing <a href = "elixir.html" title ="elixirs" target = "_blank">elixirs</a> 10 </p> <!--target = _blank是在新標簽打開鏈接--> 11 <h2>Directions</h2> 12 <p> 13 You'll find us right the center of downtown Webbille. If you need help finding us, check out our <a href = "directions.html" title = "directions" target = "_blank">detailes directions</a> 14 Come join us! 15 </p> 16 </body> 17 </html>
這是它的效果
看見detailes directions了嗎？那是個鏈接，點擊它，看看會發生什麼
聰明的你不用想就知道，對吧？
它在新視窗打開了另一個網頁
這是directions.html,以下是代碼
<html> <head> <title>Head First Lounge Directions</title> </head> <body> <h1>Directions</h1> <p> Take the 305 S exit to Webville - go 0.4 mi </p> <p> Continue on 305 - go 12 mi </p> <p> Turn right at Structure A ve N - go 0.6 mi </p> <p> Turn right and head toward Structure A ve N - go 0.0 mi </p> <p> Turn right at Structure A ve N - go 0.7 mi </p> <p> Continue on Structure A ve S - go 0.2 mi </p> <p> Turn right at SW Persebtation Way - go 0.0 mi </p> <p><a href = "index.html" title = "回到主頁面">回到主頁面</p> </body> </html>
點擊回到主頁面，就會回到index.html
