1 / 9

Enhance Your Web Design with Embedded Images and Interactive Tables

Learn how to embed captivating images within elements and create interactive tables for your website. This comprehensive guide covers everything from image elements to table formatting and customization. Elevate your web design skills today!

jloya
Download Presentation

Enhance Your Web Design with Embedded Images and Interactive Tables

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adding Image ElementChapter 7

  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> <imgsrc="photos/window.jpg" alt="view out the window of the rolling Tuscan hills" width="375" height="500"> </p>

  3. TablesChapter 8

  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.

  5. Example: Jens Kitchen

  6. HTML Source code for the table <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>

  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”>

  8. Table for Recitations

  9. 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.

More Related