ГДЗ Информатика 9 класс. Учебник [Бондаренко А.А., Ластовецкий В.В.] 2017
15.02.2019,
9 Клас / Інформатика,
3 943,
0
§ 23. Разметка таблиц средствами языка HTML (Страница 132)
Вопросы для самопроверки
1. Как вставить таблицу на вебсайт?<Table style = "width: 100%;">
<Tbody>
<Tr>
<Td class = "fr-green" style = "width: 50%; text-align: center; vertical-align: middle;">
<Img src = "/ uploads / posts / 2018-08 / 1535294477_5k_f_ch_2018.jpg" alt = "" class = "fr-dib"> Французский язык 5 класс. 1 год обучения. Чумак Н., Кривошеева Т. (Образование) 2018 <br>
</ Td>
<Td class = "fr-green" style = "width: 50%; text-align: center; vertical-align: middle;">
<Div style = "text-align: left;"> <b> Учебник </ b>: Французский язык </ div>
<Div style = "text-align: left;"> <br>
</ Div>
</ Td>
</ Tr>
</ Tbody>
Таблица 1 на 2, в первой колонке картинка учебника, а во второй описание учебника.
2. Как выровнять текст в ячейке таблицы по горизонтали; по вертикали?
Теги строк (<tr>) и ячеек (<td>) могут включать атрибуты для изменения выравнивания текста относительно границ ячейки. Атрибут align позволяет задавать горизонтальное выравнивание текста: align = "left" - за левым кра объем, align = "center" - по центру ячейки, align = "right" - по правому краю. Выравнивание по вертикали выполняется с помощью атрибута valign = "middle" (top, bottom) - посередине клетки (вверху, внизу).
3. Как установить отступление от текста в ячейке до ее границ?
Атрибутом cellpadding.
<Table cellspacing = "5" cellpadding = "5" bgcolor = "# D80028">
<Tr bgcolor = "# fff">
<Td width = "100"> 1 </ td>
<Td width = "100"> 2 </ td>
</ Tr>
</ Table>
4. Как объединить ячейки одной строки или столбца таблицы?
Во время разметки таблицы часто бывает необходимо объединить несколько ячеек. Для этого используют атрибуты colspan (слияние ячеек в строке) и rowspan (слияние ячеек в столбце).
Атрибутом - <span class = "attachment"> </ span>
***
<Table style = "width: 100%;">
<Tbody>
<Tr>
<Td class = "fr-green" style = "width: 50%; text-align: center; vertical-align: middle;"> <img src = "/ uploads / posts / 2018-08 / 1535298560_5k_p_k_2018.jpg" alt = "" class = "fr-dib"> Естествознание 5 класс. 5 год обучения. Коршевнюк Т.В., Башенный В.И. (Генезис) 2018 <br> </ td>
<Td class = "fr-green" style = "width: 50%; text-align: center; vertical-align: middle;">
<Div style = "text-align: left;"> <b> Учебник </ b>: Естествознание </ div>
</ Td>
</ Tr>
<Tr>
<Td class = "fr-green" colspan = "2" style = "width: 100%; text-align: center; vertical-align: middle;">
<Span class = "attachment">
Скачать файл: <a href="#"> 5k_p_k_2018.pdf </a>
<br> Посмотреть онлайн файл: <a href="#" target="_blank"> 5k_p_k_2018.pdf </a>
</ Span>
<br>
</ Td>
</ Tr>
</ Tbody>
</ Table>
***
Таблица, такая как вверху только имеет объединенную колонку. Ссылка для примера - https://rule.school/pdruchniki-5-klas/page,7,239-pdruchniki-5-klas-nova-programa-2018-roku.html
Якщо помітили в тексті помилку, виділіть її та натисніть Ctrl + Enter