python/Day21-30/code/new/web1901/css_practice_3.html
2024-12-04 00:04:56 +08:00

74 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>HTML5 Layout</title>
</head>
<body>
<div>
<header>
<h1>Yoko's Kitchen</h1>
<nav>
<ul>
<li><a href="">home</a></li>
<li><a href="">classes</a></li>
<li><a href="">catering</a></li>
<li><a href="">about</a></li>
<li><a href="">contact</a></li>
</ul>
</nav>
</header>
<section>
<article>
<figure>
<img src="images/bok-choi.jpg" alt="Bok Choi" />
<figcaption>Bok Choi</figcaption>
</figure>
<hgroup>
<h2>Japanese Vegetarian</h2>
<h3>Five week course in London</h3>
</hgroup>
<p>
A five week introduction to traditional Japanese vegetarian meals, teaching you a selection of rice and noodle
dishes.
</p>
</article>
<article>
<figure>
<img src="images/teriyaki.jpg" alt="Teriyaki sauce">
<figcaption>Teriyaki Sauce</figcaption>
</figure>
<hgroup>
<h2>Sauces Masterclass</h2>
<h3>One day workshop</h3>
</hgroup>
<p>
An intensive one-day course looking at how to create the most delicious sauces for use in a range of Japanese
cookery.
</p>
</article>
</section>
<aside>
<section>
<h2>Popular Recipes</h2>
<a href="">Yakitori (grilled chicken)</a>
<a href="">Tsukune (minced chicken patties)</a>
<a href="">Okonomiyaki (savory pancakes)</a>
<a href="">Mizutaki (chicken stew)</a>
</section>
<section>
<h2>Contact</h2>
<p>
Yoko's Kitchen<br>
27 Redchurch Street<br>
Shoreditch<br>
London E2 7DP
</p>
</section>
</aside>
<footer>
&copy; 2011 Yoko's Kitchen
</footer>
</div>
</body>
</html>