Getting Started with Web Development

Intro To Web Development # 1

Activity 1 - Getting Started With HTML

---

---

Making our first HTML Elements

---

---

Activity 1 Instructions

(Click Markdown Button for Syntax Highlighting)

📚 Lesson 1 Tutorial Video 📚

🚀 Lesson 1 Activity Video 🚀

✍️ PDF Print Instructions ✍️

---

---

1) Create Header Element

---

---

In the index.html section of the page we will begin to create very basic texts and list. Type in the following after the body tag

<header>
  <nav>
    <a href="#">Home </a>
    <a href="#">About</a>
    <a href="#">Books</a>
    <a href="#">Contact</a>
  </nav><!-- End of nav tag -->
</header>

---

---

2) Create Section Element

---

---

After typing in the header part, begin writing more content for the web page

<section>
  <h2>Popular Books</h2>
  <ul>
    <li>Android Phones<p>Description of Android phones books</p>
    </li>
    <li> Arduino<p>Description of Arduino books</p>
    </li>
    <li>JavaScript<p>Description of JavaScript books</p>
    </li>
  </ul>
  <p>The website will describe the books available at the Library</p>
</section>

---

---

3) Create Footer Element

---

---

After typing in the popular books section, create the footer(bottom of page)

<footer>
  <h3>Queens Public Library</h3>
  <nav>
    <a href="#">Home </a>
    <a href="#">About</a>
    <a href="#">Books</a>
    <a href="#">Contact</a>
  </nav><!-- End of nav tag -->
  <p>&copy Queens Public Library, 2018</p>
</footer>

---

---

Reference Materials

---

---

• W3 Schools HTML Tutorial => Learn More

• Lesson 1 Handout => Learn More

---

---

Helpful Links & Resources

---

---

• Code Acadmey Course on HTML => Learn More

---

---

Want the rest of the course? - Click Below

---

---

Made by Lennyroy

\ ゜o゜)ノ