B03 - Nested Lists
- B03a: - (3:28)
- Basic nested lists
- Create a new file as yourlastname_B03.html
- Include page structure tags.
- Add a title of:
- An individual list item can have within it another list: a “nested list” - or “sub list”.
- The list item <li> that has the nested list within it has its closing tag after the closing nested list tag.
- The nested list is really a part of an upper level list item.
- B03b: - (2:59)
- Multiple nested lists.
- Be sure that the closing nested list tags are properly coded.
- Bullet styles
- Note that unordered (bulleted) lists have different default bullets.
- They change down through the tertiary level.
- Then there are only black squares.
- B03c: - (4:08)
- Mixing ordered and unordered lists
- A nested list can be either ordered or unordered.
- You can have many nested lists.
- Nested list items are displayed with hierarchical indents by the browser.
- B03d: - (4:32)
- Using white space to make it easy to read code
- It’s best to indent your code similarly.
- Indentations and “white space” are used to help people read the code.
- An entire web page can be put on one line, and sometimes they are. Show Google’s home page code. (there is no copyright on it)
- B03e: - (3:26)
- Assignment
- In your file yourlastname_B03.html please do the following:
- Use indentations in your code to reflect the hierarchical structure.
- Create an unordered list of four sports.
- Make an ordered nested list under each of those sports with the names of three teams or three people who have participated professionally in each sport. They can be in the past.
- Be sure to put the closing list item tag after the closing nested list tag.
- For example:
- Baseball
- Babe Ruth
- Lou Gehrig
- Yogi Berra