Creating the Page Templates - HTML5 Foundations - page 52

search Links to a resource that can be used to search through the current page or related pages.
tag Specifies a tag that is related to the contents of the current document. This is commonly used on blogs
where posts might be tagged with certain keywords.
Hyperlinks can have multiple link types, separated by spaces.
Here are a few examples of <a> elements that use some of these link types.
<a href="http://myblog.example.com" rel="nofollow">Ben's Blog</a>
<a href="help.html" rel="help">Help Documentation</a>
<a href="author.html" rel="author">About the author</a>
For a quick refresher on how to create links, check out this Treehouse video:
http://teamtreehouse.com/library/websites/html/links/anchors .
Lists
When writing content for your web pages, you may find it useful to use lists. HTML has several elements that you
can use to create lists and list items. In this section, you focus on the two main types of itemized lists: unordered lists
and ordered lists. You will be using an unordered list later on to create the structure for the navigation.
Unordered Lists
The name gives it away but in an unordered list, the order of the list's items is not important. If you were to change
the order of the list items, it would not affect the meaning of the list at all. An example of this would be a shopping
list of ingredients needed for a recipe. You can change the order of the ingredients in the shopping list, but it does not
change the fact that you still need to buy all of them.
Unordered lists are defined using the <ul> element, as shown in the following example code.
<ul>
<li>Plain flour</li>
<li>Salt</li>
<li>Eggs</li>
<li>Milk</li>
<li>Butter</li>
</ul>
Here we have used a separate <li> (list item) element for each of the ingredients that are needed to make pancakes.
Most browsers will display unordered lists using bullet points, as shown in Figure 3-3. This styling can be changed
using CSS.