P31 顯示index.html文件
分別使用Chrome、IE瀏覽器進行測試時，顯示效果不一樣。PS：IE瀏覽器無法正確地顯示頁面主體周圍的邊框
1 <html> 2 <head> 3 <title>Starbuzz Coffee</title> 4 <style type="text/css"> 5 body{ 6 background-color:#d2b48c; 7 margin-left:20%; 8 margin-right:20%; 9 border:2px dotted black; 10 padding:10px; 11 font-family:sans-serif; 12 } 13 14 </style> 15 </head> 16 17 <body> 18 19 <h1>Starbuzz Coffee Beverages</h1> 20 21 <h2>House Blend,$1.49</h2> 22 <p>A smooth,mild blend of coffees from Mexico, Bolivia and Guatenala.</p> 23 24 <h2>Mocha Cafe Latte,$2.35</h2> 25 <p>Espresso, steamed milk and chocoloate syrup.</p> 26 27 <h2>Cappuccino,$1.89</h2> 28 <p>A mixture of espresso, steamed milk and foam.</p> 29 30 <h2>Chai Tea,￥1.85</h2> 31 <p>A spicy drink made with black tea, apices, milk and honey.</p> 32 </body> 33 34 </html>
P70 找出相對路徑
相對路徑：../../images/artists/chris.gif