We are going to make a grocery list! Sounds fun, doesn't it?
1. Copy and paste the file from last week (WeekA.html) here and rename it to "WeekB.html" (without the quotes).
2. Open it in Notepad. If you forgot how, refer to the previous week's homework.
3. Delete the following line:
<p>Hello, World!</p>
from your file and replace it with:
<h1>Grocery List:</h1>
The "h" in "h1" stands for "header". Much like the headers that start off sections in a book, these header tags are for starting off sections in an HTML file. There are six header tags h1, h2, h3, h4, h5, and h6, with h1 being the largest and h6 being the smallest.
4. Underneath the line that you just typed, add the following code:
<ol>
</ol>
"ol" stands for "ordered list": These tags are used for creating lists that are numbered. If you want bullet point lists instead, you have to use "ul" which stands for "unordered list".
5. Between the "ol" tags, add the following:
<li></li>
The "li" in the li tag stands for "list item". If you want to add an entry into your list, add a new list item.
6. Copy the newest line you just made and paste it multiple times. The total number of list items should look something like this:
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
7. Now, fill the list items with items YOU need (or want) to get at the store:
<li>Toothpaste</li>
<li>Bananas</li>
<li>Wood Glue</li>
<li>Level</li>
<li>Allen Wrench</li>
Your list will probably look different from mine. If you need to add more to your list then you can, but be careful not too add too much or you'll be spending too much money.
8. Open your grocery list HTML file in the web browser, read your list and go get shopping!