tailieunhanh - Lecture Web technologies and programming – Lecture 9: HTML tables

After studying this chapter you will be able to understand: Adding images to web page, using images as links, image map, adding audio and video to web page, how to create tables, page lay-out using tables. | CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 3 3 grgf Adding images to web page Using images as links Image map Adding video to web page Adding audio o web page 4 How to create tables Page lay-out using tables 5 Tables display information in rows and columns Tables are commonly used to display all manner of data that fits in a grid such as train schedules, television listings, financial reports etc. 6 An HTML table consists of the element and one or more elements like Tables are divided into table rows with the tag. Table rows are divided into table data with the tag. A table row can also be divided into table headings with the tag. 7 In HTML tag is used to start a table while tag indicates the end of the table Table Structure tag starts a row of the table and ends the row is used to create a cell inside the row while ends the cell 8 The contents of the cell are written between and tags tag is used to declare the cell of the heading row of the table 9 An HTML Table with a Border Attribute If you do not specify a border for the table, it will be displayed without borders. A border can be added using the border attribute: 10 Name Registration No. Ali FA13-BCS-001 11 Name Registration No. Ali FA13-BCS-001 12 13 14 Table level attributes Row level attributes Cell level attributes 15 The Border Attribute: Indicates the presence of the border around the table The align Attribute: Other values for align are Center Left right 16 The bgcolor Attribute: sets the background color of the table The background Attribute: sets the specified image at the background of the table 17 The height and width Attributes: The cellpadding . | CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 3 3 grgf Adding images to web page Using images as links Image map Adding video to web page Adding audio o web page 4 How to create tables Page lay-out using tables 5 Tables display information in rows and columns Tables are commonly used to display all manner of data that fits in a grid such as train schedules, television listings, financial reports etc. 6 An HTML table consists of the element and one or more elements like Tables are divided into table rows with the tag. Table rows are divided into table data with the tag. A table row can also be divided into table headings with the tag. 7 In HTML tag is used to start a table while tag indicates the end of the table Table Structure tag starts a row of the table and ends the row is used to create a cell inside the row while ends the cell 8 The contents of the cell .