Web Development & Design Foundations with HTML5 8th Edition - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Web Development & Design Foundations with HTML5 8th Edition, слайд №1

Web Development & Design Foundations with HTML5 8th Edition, слайд №2

Web Development & Design Foundations with HTML5 8th Edition, слайд №3

Web Development & Design Foundations with HTML5 8th Edition, слайд №4

Web Development & Design Foundations with HTML5 8th Edition, слайд №5

Web Development & Design Foundations with HTML5 8th Edition, слайд №6

Web Development & Design Foundations with HTML5 8th Edition, слайд №7

Web Development & Design Foundations with HTML5 8th Edition, слайд №8

Web Development & Design Foundations with HTML5 8th Edition, слайд №9

Web Development & Design Foundations with HTML5 8th Edition, слайд №10

Web Development & Design Foundations with HTML5 8th Edition, слайд №11

Web Development & Design Foundations with HTML5 8th Edition, слайд №12

Web Development & Design Foundations with HTML5 8th Edition, слайд №13

Web Development & Design Foundations with HTML5 8th Edition, слайд №14

Web Development & Design Foundations with HTML5 8th Edition, слайд №15

Web Development & Design Foundations with HTML5 8th Edition, слайд №16

Web Development & Design Foundations with HTML5 8th Edition, слайд №17

Web Development & Design Foundations with HTML5 8th Edition, слайд №18

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Web Development & Design Foundations with HTML5 8th Edition. Доклад-сообщение содержит 18 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Web Development & Design Foundations with HTML5 8th Edition CHAPTER 8 KEY CONCEPTS

Слайд 2

Описание слайда:

Learning Outcomes In this chapter, you will learn how to ... Create a basic table with the table, table row, table header, and table cell elements Configure table sections with the thead, tbody, and tfoot elements Increase the accessibility of a table Style an HTML table with CSS Describe the purpose of CSS structural pseudo-classes

Слайд 3

Описание слайда:

HTML Table Tables are used on web pages to organize tabular information Composed of rows and columns – similar to a spreadsheet. Each individual table cell is at the intersection of a specific row and column. Configured with table, tr, and td elements

Слайд 4

Описание слайда:

HTML Table Elements Contains the table Contains a table row Contains a table cell Configures a description of the table

Слайд 5

Описание слайда:

HTML Table Example Bird Sightings Name Date Bobolink 5/25/10 Upland Sandpiper 6/03/10

Слайд 6

Описание слайда:

HTML Table Example 2 Name Birthday James 11/08 Karen 4/17 Sparky 11/28

Слайд 7

Описание слайда:

HTML Table Attributes align (obsolete) bgcolor (obsolete) border cellpadding (obsolete) cellspacing (obsolete) summary (obsolete but may be reinstated) width (obsolete) Use CSS to configure table characteristics instead of HTML attributes

Слайд 8

Описание слайда:

HTML Common Table Cell Attributes align (obsolete) bgcolor (obsolete) colspan rowspan valign (obsolete) height (deprecated) width (deprecated) Use CSS to configure most table cell characteristics instead of HTML attributes

Слайд 9

Описание слайда:

HTML colspan Attribute Birthday List James 11/08 Karen 4/17

Слайд 10

Описание слайда:

HTML rowspan Attribute This spans two rows Row 1 Column 2 Row 2 Column 2

Слайд 11

Описание слайда:

Accessibility and Tables Use table header elements ( tags) to indicate column or row headings. Use the caption element to provide a text title or caption for the table. Complex tables: Associate table cell values with their corresponding headers tag id attribute tag headers attribute

Слайд 12

Описание слайда:

Bird Sightings Name Date Bobolink 5/25/10 Upland Sandpiper 6/03/10

Слайд 13

Описание слайда:

Checkpoint Describe the purpose of using a table on a web page. How is the text contained in a th element displayed by the browser? Describe one coding technique that increases the accessibility of an HTML table.

Слайд 14

Описание слайда:

Using CSS to Style a Table

Слайд 15

Описание слайда:

CSS Structural Pseudo-classes

Слайд 16

Описание слайда:

Table Row Groups table head rows table body rows table footer rows

Слайд 17

Описание слайда:

Checkpoint 1. Describe a reason to configure a table with CSS properties instead of HTML attributes. 2. List three elements that are used to group table rows.