HTML5是當(dāng)今最新的網(wǎng)頁開發(fā)技術(shù)，今天我們將會介紹使用HTML5來制作美食網(wǎng)頁的代碼。
<!DOCTYPE html> <html> <head> <title>美食網(wǎng)頁</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>美食網(wǎng)頁</h1> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">食譜</a></li> <li><a href="#">菜譜分類</a></li> <li><a href="#">聯(lián)系我們</a></li> </ul> </nav> </header> <main> <article> <h2>拍黃瓜</h2> <img src="cucumber.jpg" alt="拍黃瓜圖片"> <p>材料：黃瓜1根，鹽適量，花椒粉適量，蒜末適量，香油適量。</p> <p>做法：1. 將黃瓜洗凈切成小段，裹上鹽腌制10分鐘；2. 撈出黃瓜，在碗中加入花椒粉、蒜末和香油，攪拌均勻；3. 將醬料倒入黃瓜上，拍打均勻即可。</p> </article> <article> <h2>紅油泡椒</h2> <img src="paocai.jpg" alt="紅油泡椒圖片"> <p>材料：小米椒100克，鹽適量，花椒粉適量，蒜末適量，醋適量，生姜適量。</p> <p>做法：1. 將小米椒洗凈切小段，用鹽腌制15分鐘；2. 同時將蒜末、醋和生姜切碎，放在碗中；3. 把泡好的小米椒放入碗中，倒入適量的花椒粉，攪拌均勻即可。</p> </article> </main> <footer> <p>Copyright ? <script> var year = new Date().getFullYear(); document.write(year); </script> 美食網(wǎng)頁. All Rights Reserved. </p> </footer> </body> </html>
在以上代碼中，我們使用了HTML5的doctype聲明、title元素、meta元素、link元素、header元素、nav元素、main元素、article元素、img元素和footer元素等標(biāo)簽，來構(gòu)建一個美食網(wǎng)頁。我們還使用了CSS樣式表來美化網(wǎng)頁的樣式。