markdown 用户界面I:HTML标记 - Will Schulz

Posted

tags:

篇首语:本文由小常识网(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的主要内容,如果未能解决你的问题,请参考以下文章

新手自学markdown教程

新手自学markdown教程

markdown HTML元标记的完整列表

markdown HTML元标记的完整列表

markdown HTML元标记的完整列表

markdown HTML元标记的完整列表