Images and the Web

• 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;
   }