W2D1 Activity

Activity Due: Due Date #3

Both activities for this week will be due at this same time. Get started ASAP.

Example of finished activity

w2d1-finished

Indenting

Validating

Validating will allow you to check to see if your code is correct. Validate your code using validator.w3.org/ or the validator installed on the lab computers. The validator will tell you how many errors/warnings your code currently has. You can ignore most warnings, but errors need to be fixed. A single error, like missing a closing tag/element, will usually cause more than one error. This means that you should always try fixing the first error displayed by the validator, then you revalidate your code to see what errors were fixed.

Instructions

  1. Copy and paste the code on this page into a new document in TextWrangler.
  2. Save this document as "index.html" (This will overwrite the index.html file (in your practice folder) you created for your last activity)
  3. Add the basic structure tags around the appropriate content (doctype, html, head, body, etc)
  4. Indent the nested tags
  5. Validate your document at http://validator.w3.org/ or with the HTML validator on your computer
  6. Upload this file to your practice folder on your website (yourWebsiteName.com/practice)

Index.html HTML code (copy & paste)

<!DOCTYPE html>

Idaho Beekeeper | Home Page

<meta charset="utf-8"/>

<img src="https://310.commbyui.org/wp-content/uploads/2013/09/logo.png" alt="Idaho Beekeeper Logo"/>

<h1>A beekeeping resource</h1>

<ul>

<li>Home</li>

<li>How Honey is Made</li>

<li>Bees and Blossoms</li>

<li>Contact Us</li>

</ul>

<main>

<blockquote>“The bee is more honored than other animals, not because she labors, but because she labors for others”  ~ Saint John Chrysostom</blockquote>

</main>

<p>All content &copy; Idaho Beekeeper. Text is available under the Creative Commons Attribution-ShareAlike License.</p>