Adding Image Element Chapter 7 9/20/2018

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

Tables Chapter 8 9/20/2018

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

Example: Jens Kitchen 9/20/2018

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

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

Table for Recitations 9/20/2018

Table for office hours 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. 9/20/2018