Harvard Extension School
CSCI E-12 Fundamentals of Web Site Development | Fall 2019

## Graphics: Purpose

- Content
- Design

### Images and Markup

Two ways of including images:

1. Markup: `img` element
   - `alt` attribute
   - `height` and `width` attributes

       <img src="images/shield.png"
        alt="Harvard Veritas" height="328" width="281"/>

2. CSS: `background-image` property

       #header {
         background-image: url(images/shield.png);
         background-repeat: no-repeat;
       }

Copyright © David Heitmeyer