<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>CodePen - A Pen by  David</title>

</head>

<body>

  <html>

<header>
  <title>Udacity Notes Lesson 0 Notes</title>
</header>

<body>

  <b>Udacity Notes Lesson 0 Notes</b>
  <br>
  <br>

  <p></p><b><em>HTML</em></b></p>
  <br>

  <b>1.</b> Text content
  <br>
  <b>2.</b> Markup (style)
  <br>
  <b>3.</b> References to other documents
  <br>
  <b>4.</b> Links
  <br>

  <br>
  <br> Markup = Tags
  < name> content
    < /name>
      <br>
      <br> Opening, content, closing = <b><em>Element</em></b>
      <br>

      <p>
        < b> = <b>Bold</b>
          <br>
          < em> = <em>Italics</em>
            <br>
            < a> = Anchor (links)<a href="http://codepen.io/davidvincentdorn/"> My Codepen</a></p>

      < img> = images (no end tag required = void tag)
        <br>

        <p><img src=“http://i0.wp.com/hugyu.com/life/wp-content/uploads/2014/07/icon.png” alt=“Dr. Sweet Tooth”></p>

        < br> = text on multiple lines (can enter multiple)
          <br>
          < p> = paragraph
            <br>

            < br> = inline (text only) (Examples: b, em, img, span, br, strong)
              <br>
              < p>= block (invisible box) (div, p, form)
                <br>

                <p><b>Contain content</b>
                  < span> = inline
                    <br>
                    < span class=“foo(CSS)”>
                </p>
                <p>
                  < div> = block
                    <br>
                    < div class=“bar”>
                </p>

</body>

</html>

</body>

</html>