Harvard Extension School
CSCI E-12 Fundamentals of Web Site Development | Spring 2020

## Lists with Image

And now, let's add a basketball icon as a list bullet (image is at images/basketball.gif,

An unordered list controlled by CSS:

Example 4.29 - List with images as bullets - Example 4.29 (Without Styles)

- Markup
- Style
- Display

    <strong>Winningest Active Coaches, Division I NCAA Men's Basketball</strong><ul class="basketball">
    <li>Mark Few</li>
    <li>Roy Williams</li>
    <li>John Calipari</li>
    <li>Mike Krzyzewski<br/>Bill Self</li>
    <li>Sean Miller</li>
    <li>Brad Underwood</li>
    <li>Dave Rose</li>
    <li>Gregg Marshall</li>
    <li>Ray Harper</li>
    </ul>

In `style` element (`<style type="text/css">`) within `head` element:

    ul.basketball {
        list-style-image: url('images/basketball.gif');
    }

Winningest Active Coaches, Division I NCAA Men's Basketball

- Mark Few
- Roy Williams
- John Calipari
- Mike Krzyzewski
  Bill Self
- Sean Miller
- Brad Underwood
- Dave Rose
- Gregg Marshall
- Ray Harper

See: Men's Basketball Coaching Records

Copyright © David Heitmeyer