1. Adding Image Element Chapter 7
9/20/2018

2. Images Can be embedded within any element
Here is an example of all that you need to know about images
<h1>The View Through My Window</h1>
<p>
<img src="photos/window.jpg" alt="view out the
window of the rolling Tuscan hills" width="375"
height="500">
</p>
9/20/2018

3. Tables Chapter 8
9/20/2018

4. Overview
Tables are used for representing items such as charts, schedules and calendars
Tables contain; heading, rows and columns, data cells and a caption
In browsers, the arrangement of data in rows and columns gives readers an instant understanding of the relationships between data cells and their respective header labels.
9/20/2018

5. Example: Jens Kitchen
9/20/2018

6. HTML Source code for the table
<table> <tr> <th>Menu item</th> <th>Calories</th> <th>Fat (g)</th> </tr> <td>Chicken noodle soup</td> <td>120</td> <td>2</td> <td>Caesar salad</td> <td>400</td> <td>26</td> </table>
9/20/2018

7. Lets add one more column
Lets add sugar in grams to the table
Lets add a caption to the table
<caption> Food Labeling </caption>
Lets add border attribute to the tables
<table border=“1”>
9/20/2018

8. Table for Recitations
9/20/2018

9. Table for office hours Bina MWF 11-11.50AM Davis 345 bina@buffalo.edu
Amal F 1-3pm Capen 201A,
Dominic M 11-12, 1-3, 201A,
Rathin, T12:00 PM - 1:50 PM, 201A,
Zheshuo, T pm, 201A,
Satyam, same as dominic and Amal
Note: Demos for grading on Tues/Fri
Lets make this table.
9/20/2018