The markup is very simple. It’s an unordered list, with each link in a separate list item: * * Home * About * Archive * Lab * Reviews * Contact * View Step 1. Why use a list? Because a navigation bar, or menu, is a list of...
See more »
The markup is very simple. It’s an unordered list, with each link in a separate list item: * * Home * About * Archive * Lab * Reviews * Contact * View Step 1. Why use a list? Because a navigation bar, or menu, is a list of links. The best (most semantic) way of marking up a list of links is to use a list element. Using a list also has the benefit of providing structure even if CSS is disabled. At this stage, with no CSS applied, the list will look like any old (normally bulleted) list, styled only by the browser’s defaults. I’ve given id attributes to the ul and li elements. The id attribute for the ul element is used by the CSS rules that style the entire list. The li elements have different id values to enable the use of CSS to highlight the currently selected link. This is done by specifying an id for the body element. More on that later.
See less »
Kaboodle will send you a newsletter and updates from your friends. You can unsubscribe at any time. Kaboodle does not sell or share your email address or personal information with anyone.
Kaboodle requires all users to provide their real date of birth as both a safety precaution and as a means
of preserving the integrity of the site. You will be able to hide this information from your profile if you wish.
Added by 2 people