篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 用户界面I:HTML标记 - Will Schulz相关的知识,希望对你有一定的参考价值。
<!--
Step 1: Fork this pen so it's yours.
Step 2: Practice marking up this content using semantic HTML tags.
Remember that semantic markup provides meaning. Here are a few tags you could consider using:
<h1> through <h6>
<p>
<header>
<footer>
<nav>
<a>
<section>
<address>
Don't worry about CSS here, The goal is to markup the page in a semantic way.
Step 3: Once you're done marking the content up. Let your project manager know and send them a link to your codepen.
-->
<header><!-- company name -->
<h1>Sweet Eats Bakery</h1>
<nav>
<!-- Navigation -->
<a href="#">About</a>
<a href="#">Cookies</a>
<a href="#">Weddings</a>
<a href="#">Catering</a>
<a href="#">Contact</a>
</nav>
</header>
<section>
<!-- Marketing header -->
<h3>About Sweet Eats Bakery</h3>
<p>Marzipan jelly-o macaroon I love macaroon jujubes. Candy candy canes jujubes I love ice cream croissant. Lollipop donut icing I love liquorice gummi bears marzipan. Dragée jelly beans apple pie cotton candy lemon drops pastry candy powder.</p>
</section>
<body>
<section>
<!-- content -->
<h4>Cupcakes</h4>
<p>Candy apple pie lemon drops sweet roll danish. Tiramisu candy canes jelly-o jelly beans cotton candy pastry pudding tootsie roll carrot cake. Dessert sesame snaps brownie lemon drops cookie donut dragée. Toffee pie fruitcake powder gingerbread pudding.</p>
</section>
<section>
<h4>Cookies</h4>
<p>Cookie soufflé dessert carrot cake fruitcake halvah pudding cake. Marzipan topping bear claw soufflé gingerbread biscuit. Tiramisu gummi bears chocolate bar sugar plum icing muffin cake jelly-o icing.</p>
</section>
<section>
<h4>Catering</h4>
<p>Sweet jelly-o apple pie powder jelly beans. Pastry sweet roll cake jujubes halvah soufflé brownie. Toffee cookie lemon drops jelly beans chocolate bar. Wafer muffin jujubes danish tart danish chocolate wafer.</p>
</section>
</body>
<section>
<h4>Contact</h4>
<address>yum@sweeteatsbakery.com
</address>
<p>202-555-0144</p>
<p>4209 Bobcat Drive</p>
<p>Madison, WI, 48219</p>
</section>
<footer>
<!-- footer -->
<h2>Sweet Eats Bakery</h2>
<nav>
<a href="#">About</a>
<a href="#">Cookies</a>
<a href="#">Weddings</a>
<a href="#">Catering</a>
<a href="#">Contact</a>
</nav>
<address>Copyright Sweet Eats 2018</address>
</footer>
User Interface I: HTML Markup - Will Schulz
-------------------------------------------
A [Pen](https://codepen.io/kittenman29/pen/NezNWP) by [kittenman29](https://codepen.io/kittenman29) on [CodePen](https://codepen.io).
[License](https://codepen.io/kittenman29/pen/NezNWP/license).
以上是关于markdown 用户界面I:HTML标记 - Will Schulz的主要内容,如果未能解决你的问题,请参考以下文章