Lecture+06+-+More+Advanced+HTML

Lecture+06+-+More+Advanced+HTML - CS170Lecture6...

Info icon This preview shows pages 1–5. Sign up to view the full content.

View Full Document Right Arrow Icon
CS 170 Lecture 6:  And yet more HTML Kristian Stout [email protected] Office IN: Livingston Student Center, A lounge near “the rock” and the commuter lounge. Office Hours: TTH 5:30 – 6:30
Image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Tables Tables are “grids” of data laid out in “rows” of “cells” rows are horizontally aligned collections of cells cells contain the actual “display” data created using the <table></table> tags common attributes:  width border cellspacing cellpadding bgcolor background  (image) Tables can have captions using the  <caption></caption> tag
Image of page 2
Tables (cont) Rows are created with <tr></tr> eg:  <table> <tr></tr> </table> attr: bgcolor, background Cells are created with <td></td> eg: <table><tr> <td>Data!</td> </tr>  </table> attr: bgcolor, colspan, rowspan Column headings are created in first row with  <th></th> instead of <td></td>  <table> <tr> <th>A heading</th> </tr> <tr> <td>Data!</td> </tr> </table>
Image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Controlling Cells Within Tables Each cell of a table can have different properties  like background color/width/rowspan  Each cell can contain different data including  another table, list, image etc.
Image of page 4
Image of page 5
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern