ГДЗ Інформатика 9 клас. Підручник [Бондаренко О.О., Ластовецький В.В.] 2017

<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, у першій колонці картинка підручника, а у другій опис підручника.

Теги рядків (<tr>) і клітинок (<td>) можуть включати атрибути для зміни вирівнювання тексту відносно меж клітинки. Атрибут align дозволяє задавати горизонтальне вирівнювання тексту: align="left" — за лівим кра єм, align="center" — по центру клітинки, align="right" — за правим краєм. Вирівнювання по вертикалі виконується за допомогою атрибута valign="middle" (top, bottom) — посередині клітинки (уверху, унизу).

Атрибутом cellpadding.

<table cellspacing="5" cellpadding="5" bgcolor="#D80028">

<tr bgcolor="#fff">

<td width="100">1</td>

<td width="100">2</td>

</tr>

</table>

Під час розмітки таблиці часто буває необхідно об’єднати кілька клітинок. Для цього використовують атрибути 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