Hour 5 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours

Listing 5.1

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

Listing 5.2

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Dandylions</title>
</head>

<body>
<h1>Dandylions</h1>
<h2>Not Your Mother's Weed</h2>
<p><strong><em>Taraxacum</em></strong> <em>/təˈræksəkʉm/</em> is a large genus
of flowering plants in the family Asteraceae. They are native to Eurasia and
North and South America, and two species, T. officinale and T. erythrospermum,
are found as weeds worldwide. Both species are edible in their entirety. The
common name <strong>dandelion</strong> (<em>/ˈdændɨlaɪ.ən/</em> dan-di-ly-ən,
from French dent-de-lion, meaning "lion's tooth") is given to members of the
genus, and like other members of the Asteraceae family, they have very small
flowers collected together into a composite flower head. Each single flower in
a head is called a floret. Many <em>Taraxacum</em> species produce seeds
asexually by apomixis, where the seeds are produced without pollination,
resulting in offspring that are genetically identical to the parent plant.</p>
<img src="images/dandy.jpg" width="400" height="300" alt=""/>
<p>Text from <a href="http://en.wikipedia.org/wiki/Dandelion">Wikipedia</a></p>
</body>
</html>

Listing 5.3

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Dandylions</title>
  </head>
  <body>
    <div id="main">
    <h1>Dandylions</h1>
    <div id="article">
      <h2>Not Your Mother's Weed</h2>
      <p><strong><em>Taraxacum</em></strong> <em>/təˈræksəkʉm/</em> is a large
      genus of flowering plants in the family Asteraceae. They are native to
      Eurasia and North and South America, and two species, T. officinale and
      T. erythrospermum, are found as weeds worldwide. Both species are edible
      in their entirety. The common name <strong>dandelion</strong>
      (<em>/ˈdændɨlaɪ.ən/</em> dan-di-ly-ən, from French dent-de-lion, meaning
      "lion's tooth") is given to members of the genus, and like other members
      of the Asteraceae family, they have very small flowers collected together
      into a composite flower head. Each single flower in a head is called a
      floret. Many <em>Taraxacum</em> species produce seeds asexually by
      apomixis, where the seeds are produced without pollination, resulting in
      offspring that are genetically identical to the parent plant.</p>
    </div>
    <div id="sidebar">
      <img src="images/dandy.jpg" width="400" height="300" alt=""/>
    </div>
    <div id="footer">
      <p>Text from 
      <a href="http://en.wikipedia.org/wiki/Dandelion">Wikipedia</a></p>
    </div>
    </div>
  </body>
</html>

Listing 5.4

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Dandylions</title>
  </head>
  <body>
    <div id="main">
    <h1>Dandylions</h1>
    <div id="article">
      <h2>Not Your Mother's Weed</h2>
      <p><span class="pronounce"><strong><em>Taraxacum</em></strong>
      <em>/təˈræksəkʉm/</em></span> is a large genus of flowering plants in the
      family Asteraceae. They are native to Eurasia and North and South America,
      and two species, T. officinale and T. erythrospermum, are found as weeds
      worldwide. Both species are edible in their entirety. The common name
      <span class="pronounce"><strong>dandelion</strong>
      <em>/ˈdændɨlaɪ.ən/</em></span> (dan-di-ly-ən, from French dent-de-lion,
      meaning "lion's tooth") is given to members of the genus, and like other
      members of the Asteraceae family, they have very small flowers collected
      together into a composite flower head. Each single flower in a head is
      called a floret. Many <em>Taraxacum</em> species produce seeds asexually
      by apomixis, where the seeds are produced without pollination, resulting
      in offspring that are genetically identical to the parent plant.</p>
    </div>
    <div id="sidebar">
      <img src="images/dandy.jpg" width="400" height="300" alt=""/>
    </div>
    <div id="footer">
      <p>Text from 
      <a href="http://en.wikipedia.org/wiki/Dandelion">Wikipedia</a></p>
    </div>
    </div>
  </body>
</html>

Listing 5.5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" Content="text/html; charset=utf-8">
    <title>Dandylions</title>
  </head>
  <body>
    <div id="main">
    <h1>Dandylions</h1>
    <div id="article">
      <h2>Not Your Mother's Weed</h2>
      <p><span class="pronounce"><strong><em>Taraxacum</em></strong>
      <em>/təˈræksəkʉm/</em></span> is a large genus of flowering plants in the
      family Asteraceae. They are native to Eurasia and North and South America,
      and two species, T. officinale and T. erythrospermum, are found as weeds
      worldwide. Both species are edible in their entirety. The common name
      <span class="pronounce"><strong>dandelion</strong>
      <em>/ˈdændɨlaɪ.ən/</em></span> (dan-di-ly-ən, from French dent-de-lion,
      meaning "lion's tooth") is given to members of the genus, and like other
      members of the Asteraceae family, they have very small flowers collected
      together into a composite flower head. Each single flower in a head is
      called a floret. Many <em>Taraxacum</em> species produce seeds asexually
      by apomixis, where the seeds are produced without pollination, resulting
      in offspring that are genetically identical to the parent plant.</p>
    </div>
    <div id="sidebar">
      <img src="images/dandy.jpg" width="400" height="300" alt=""/>
    </div>
    <div id="footer">
      <p>Text from 
      <a href="http://en.wikipedia.org/wiki/Dandelion">Wikipedia</a></p>
    </div>
    </div>
  </body>
</html>

Listing 5.6

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Dandylions</title>
  </head>
  <body>
    <div id="main">
    <header>
    <h1>Dandylions</h1>
    </header>
    <article>
      <h2>Not Your Mother's Weed</h2>
      <p><span class="pronounce"><strong><em>Taraxacum</em></strong>
      <em>/təˈræksəkʉm/</em></span> is a large genus of flowering plants in the
      family Asteraceae. They are native to Eurasia and North and South America,
      and two species, T. officinale and T. erythrospermum, are found as weeds
      worldwide. Both species are edible in their entirety. The common name
      <span class="pronounce"><strong>dandelion</strong>
      <em>/ˈdændɨlaɪ.ən/</em></span> (dan-di-ly-ən, from French dent-de-lion,
      meaning "lion's tooth") is given to members of the genus, and like other
      members of the Asteraceae family, they have very small flowers collected
      together into a composite flower head. Each single flower in a head is
      called a floret. Many <em>Taraxacum</em> species produce seeds asexually
      by apomixis, where the seeds are produced without pollination, resulting
      in offspring that are genetically identical to the parent plant.</p>
    </article>
    <aside>
      <img src="images/dandy.jpg" width="400" height="300" alt=""/>
    </aside>
    <footer>
      <p>Text from 
      <a href="http://en.wikipedia.org/wiki/Dandelion">Wikipedia</a></p>
    </footer>
    </div>
  </body>
</html>

Leave a Reply

Your email address will not be published.