This and That HTML Page Five
by mm and Tik Tok

 

One day you're bound to want to make a list on a web page. Maybe numbered, maybe not or bullets to set off the list. These work will on any pages you might create to show off recipes!

I'm going to grab a Chocolate Chip Cookie recipe from my site for these examples. First, unordered list with bullets for the ingredients, then ordered list for the mixing/baking instructions:

Chocolate Chip Cookies With Walnuts 
  1. Have all ingredients at room temperature. Preheat oven to 375 degrees.
  2. In a small bowl, combine flour, baking soda and salt: set aside.
  3. In large mixer bowl, combine butter, sugar, brown sugar and vanilla: beat until creamy. You can't Over beat this.
  4. Beat in eggs.
  5. Gradually add flour mixture. Don't Over Mix! This is what will toughen or harden your cookies. Don't break the flour gluten down.
  6. Stir in Chocolate Chips and Walnuts.
  7. To keep from burning the bottom of your cookies or over baking, double pan!

  8. Drop out mixture with a tablespoon onto ungreased cookie sheets or pan. I prefer jelly roll pans, as cookie sheets are too thin.

  9. Bake for 9 to 11 minutes. Start checking cookies after 9 minutes. They will take about a minute longer to bake using double pans.
  10. Allow to cool before removing from pan to wax paper or foil. Allow Pan to cool before reusing to keep raw cookie dough from spreading.
  11. These keep about 5 days in a sealed container or zip bag. If they start to dry out, place a half a slice of bread in with them.

 

Here's the code, it looks long and involved, but it's really just the same two tags over and over (Note: I've allowed extra spacing to make this easier to read):

<center>(Opens the center tag)
<b>(Opens the bold tag)Chocolate Chip Cookies With Walnuts
</b>(Closes the bold tag)
</center>(Closes the center tag)

<ul> (Opens the Unordered List, the bullet is automatically inserted for you)

<li>(Opens the list item tag) 2 1/4 cups all-purpose flour</li>(Closes the list item tag)

<li>(Opens the list item tag) 1 teaspoon baking soda </li>(Closes the list item tag)

<li>(Opens the list item tag) 1 teaspoon salt </li>(Closes the list item tag)

<li>(Opens the list item tag) 1 cup (2 sticks) butter, softened </li>(Closes the list item tag)

<li>(Opens the list item tag) 3/4 cup sugar</li> (Closes the list item tag)

<li>(Opens the list item tag) 3/4 cup firmly packed brown sugar </li>(Closes the list item tag)

<li>(Opens the list item tag) 1 teaspoon vanilla extract </li>(Closes the list item tag)

<li>(Opens the list item tag) 2 eggs </li>(Closes the list item tag)

<li>(Opens the list item tag)One 12-oz pkg (2 cups) Semi Sweet Chocolate Chips </li>(Closes the list item tag)

<li>(Opens the list item tag) 1 cup chopped Walnuts</li>(Closes the list item tag)


</ul> (Closes the Unordered List)

<ol> (Opens the Ordered List. The HTML automatically puts the numbers at the beginning of each line of your list. It also adds a carriage return just before the number to format the text, all you have to do is open the <li> list item tag and then close it </li>)

<li>(Opens the list item tag) Have all ingredients at room temperature. Preheat oven to 375 degrees.</li>(Closes the list item tag)

<li>(Opens the list item tag)In a small bowl, combine flour, baking soda and salt: set aside. </li>(Closes the list item tag)

<li>(Opens the list item tag)In large mixer bowl, combine butter, sugar, brown sugar and vanilla: beat until creamy. You can't Over beat this.</li>(Closes the list item tag)

<li>(Opens the list item tag)Beat in eggs.</li>(Closes the list item tag)

<li>(Opens the list item tag)Gradually add flour mixture. Don't Over Mix! This is what will toughen or harden your cookies. Don't break the flour gluten down.</li>(Closes the list item tag)

<li>(Opens the list item tag)Stir in Chocolate Chips and Walnuts.</li>(Closes the list item tag)

<li>(Opens the list item tag)To keep from burning the bottom of your cookies or over baking, double pan!</li>(Closes the list item tag)

<li>(Opens the list item tag)Drop out mixture with a tablespoon onto ungreased cookie sheets or pan. I prefer jelly roll pans, as cookie sheets are too thin. </li> (Closes the list item tag)

<li>(Opens the list item tag)Bake for 9 to 11 minutes. Start checking cookies after 9 minutes. They will take about a minute longer to bake using double pans. </li>(Closes the list item tag)

<li>(Opens the list item tag)Allow to cool before removing from pan to wax paper or foil. Allow Pan to cool before reusing to keep raw cookie dough from spreading.</li>(Closes the list item tag)

<li>(Opens the list item tag)These keep about 5 days in a sealed container or zip bag. If they start to dry out, place a half a slice of bread in with them.</li>(Closes the list item tag)

</ol>(Closes the Ordered List)

There's also a way to create an unmarked list, but I feel that with the effort involved, just use blockquote tags or a simple table instead:

Chocolate Chip Cookies With Walnuts

 

2 1/4 cups all-purpose flour
1 teaspoon baking soda
1 teaspoon salt
1 cup (2 sticks) butter, softened
Etc....

 

Here's a small part of the code, just open the blockquote tag, type, then close the tag.

<center>
<b>
Chocolate Chip Cookies With Walnuts
</b>
</center>

<blockquote><blockquote>
2 1/4 cups all-purpose flour
1 teaspoon baking soda
1 teaspoon salt
1 cup (2 sticks) butter, softened
Etc....
</blockquote></blockquote>

 

 

End of Page Five....click here for Page Six

Page: 1 2  3  4  5  6 7

 

Back to Site Help

This helpful information compiled by Tik Tok and mm