Adding Image Element
Chapter 7
1
5/28/2016
Images
2
 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>
5/28/2016
Tables
Chapter 8
3
5/28/2016
Overview
4
 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.
5/28/2016
Example: Jens Kitchen
5
5/28/2016
HTML Source code for the table
6
<table>
<tr>
<th>Menu item</th>
<th>Calories</th>
<th>Fat (g)</th>
</tr>
<tr>
<td>Chicken noodle soup</td>
<td>120</td>
<td>2</td>
</tr>
<tr>
<td>Caesar salad</td>
<td>400</td>
<td>26</td>
</tr>
</table>
5/28/2016
Lets add one more column
7
 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”>
5/28/2016
Table for Recitations
8
10468
10472
10475
10543
10547
10485
A1
A2
A3
A4
A5
A6
M
M
T
F
R
T
9:00 AM - 10:50 AM
3:00 PM - 4:50 PM
5:00 PM - 6:50 PM
8:00 AM - 9:50 AM
12:00 PM - 1:50 PM
12:00 PM - 1:50 PM
Capen 201A
Capen 201A
Capen 201A
Capen 201A
Capen 201A
Capen 201A
Dominic
Dominic
Amal
Dominic
Rathin
Rathin
Zheshuo
Rathin
Zheshuo
Satyam
Zheshuo
Zheshuo
5/28/2016
Table for office hours
9
 Bina MWF 11-11.50AM Davis 345 bina@buffalo.edu
 Amal F 1-3pm Capen 201A, amalkhan@buffalo.edu
 Dominic M 11-12, 1-3, 201A, dms55@buffalo.edu
 Rathin, T12:00 PM - 1:50 PM, 201A,




rathinra@buffalo.edu
Zheshuo, T12.00-1.50pm, 201A,
zheshuol@buffalo.edu
Satyam, same as dominic and Amal
Note: Demos for grading on Tues/Fri
Lets make this table.
5/28/2016