Bootcamp Day 3 Lesson Plan This page was last updated June 16, 2022

Table of Contents

Review

Glossary

Block A: Steps 14-18

How do I make an image clickable?

Demonstration: surrounding images with anchor tags

<!DOCTYPE html>
<html>
  <body>
    <main>
      <img src="http://www.superchickenfallschurch.com/wp-content/uploads/2014/12/logo.png" alt="Super Chicken Falls Church logo">
      <a href="http://www.superchickenfallschurch.com">Super Chicken</a>
      <img src="https://order.subway.com/en-us/-/media/Project/Remote-Order/Images/Logo/subway-logo.png" alt="Subway logo">
      <a href="https://subway.com">Subway</a>
    </main>
  </body>
</html>

Practice: step 14

How do I organize HTML documents into sections?

Demonstration: adding the <section> element

<!DOCTYPE html>
<html>
  <body>
     <h1>Places to Eat</h1>
     <section>
       <h2>Nearby</h2>
       <h3>Super Chicken</h3>
       <h4>Location</h4>
       <h4>Type of Food</h4>
       <h3>Subway</h3>
       <h4>Location</h4>
       <h4>Type of Food</h4>
     </section>
     <section>
       <h2>Far Away</h2>
       <h3>Noryangjin Fish Market</h3>
       <h4>Location</h4>
       <h4>Type of Food</h4>
       <h3>In-N-Out Burger</h3>
       <h4>Location</h4>
       <h4>Type of Food</h4>
     </section>
  </body>
</html>

Practice: steps 15 and 16

Practicing prior knowledge

Steps 17 and 18