下面是HTML5實(shí)現(xiàn)望廬山瀑布的代碼：
<!DOCTYPE html> <html> <head> <title>望廬山瀑布</title> </head> <body> <header> <h1>望廬山瀑布</h1> </header> <nav> <ul> <li><a href="#introduction">景點(diǎn)介紹</a></li> <li><a href="#ticket">門票信息</a></li> <li><a href="#map">地圖導(dǎo)航</a></li> </ul> </nav> <section id="introduction"> <h2>景點(diǎn)介紹</h2> <p>望廬山瀑布位于廬山東南麓，是廬山著名的瀑布之一，落差達(dá)160米，激起陣陣水霧，極具觀賞性。</p> <p>瀑布灑下的水花在陽光下形成彩虹，景色十分壯觀。瀑布下有平靜的湖泊，清澈見底，是休閑度假的好去處。</p> <img src="waterfall.jpg" alt="望廬山瀑布" title="望廬山瀑布"> </section> <section id="ticket"> <h2>門票信息</h2> <table> <thead> <tr> <th>票種</th> <th>價(jià)格</th> <th>備注</th> </tr> </thead> <tbody> <tr> <td>成人票</td> <td>80元</td> <td>-</td> </tr> <tr> <td>兒童票</td> <td>40元</td> <td>身高1.2米以下</td> </tr> </tbody> </table> </section> <section id="map"> <h2>地圖導(dǎo)航</h2> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11914.293511415228!2d116.04680174907585!3d29.577290515619227!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x36f14c18a6a7a3a3%3A0x6da60a520a590c2f!2sWanglushan%20Waterfall!5e0!3m2!1sen!2sus!4v1632572484423!5m2!1sen!2sus" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe> </section> </body> </html>
下一篇新增彈出框css