Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Лабораторная работа №2</title>
</head>
<body>

<h2>Задание 1: border (0,1,7)</h2>
<table border="0" cellpadding="5"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> 
<table border="1" cellpadding="5"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> 
<table border="7" cellpadding="5"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table>

<h2>Задание 2: cellspacing (0,1,3,7)</h2>
<table border="1" cellspacing="0" cellpadding="5"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> 
<table border="1" cellspacing="1" cellpadding="5"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> 
<table border="1" cellspacing="3" cellpadding="5"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> 
<table border="1" cellspacing="7" cellpadding="5"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table>

<h2>Задание 3: cellpadding (0,1,3,7)</h2>
<table border="1" cellpadding="0"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> 
<table border="1" cellpadding="1"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> 
<table border="1" cellpadding="3"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> 
<table border="1" cellpadding="7"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table>

<h2>Задание 4: bgcolor (таблица, строка, ячейки)</h2>
<table border="1" bgcolor="#FFFFCC"><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table> 
<table border="1"><tr bgcolor="#CCE5FF"><td>1</td><td>2</td></tr><tr bgcolor="#CCE5FF"><td>3</td><td>4</td></tr></table> 
<table border="1"><tr><td bgcolor="#FFCCCC">1</td><td bgcolor="#CCFFCC">2</td></tr><tr><td bgcolor="#CCCCFF">3</td><td bgcolor="#FFD966">4</td></tr></table>

<h2>Задание 5: Таблица №1 (COLSPAN, ширина 50%, граница 3, выравнивание)</h2>
<table border="3" width="50%" align="center" cellpadding="5">
<caption align="top"><b>Таблица №1</b></caption>
<tr><td colspan="3" align="center">Алфавит (COLSPAN=3)</td></tr>
<tr><td align="left"><b>гласные</b></td><td align="center"><b>Алфавит</b></td><td align="right"><b>согласные</b></td></tr>
<tr><td align="left">А, Е, И, О, У, Ы, Э, Ю, Я</td><td align="center">33 буквы</td><td align="right">Б, В, Г, Д, Ж, З, Й, К, Л, М, Н, П, Р, С, Т, Ф, Х, Ц, Ч, Ш, Щ</td></tr>
</table>

<h2>Задание 6: Таблица №2 (COLSPAN+ROWSPAN, граница 5, по центру)</h2>
<table border="5" align="center" cellpadding="5">
<caption align="bottom"><b>Таблица №2</b></caption>
<tr><td rowspan="2"><b>Среднее<br>значение</b></td><td colspan="2" align="center"><b>Показатели (COLSPAN=2)</b></td></tr>
<tr><td align="center"><b>Рост (см)</b></td><td align="center"><b>Вес (кг)</b></td></tr>
<tr><td><b>Мужчины</b></td><td align="center">174</td><td align="center">78</td></tr>
<tr><td><b>Женщины</b></td><td align="center">165</td><td align="center">56</td></tr>
</table>

<h2>Задание 7: Сборка картинок</h2>
<table border="1" align="center">
<tr><td><img src="2HTML/dragon3.gif" width="122" height="109"><br>122x109</td><td><img src="2HTML/dragon4.gif" width="122" height="50"><br>122x50</td><td><img src="2HTML/dragon5.gif" width="219" height="406"><br>219x406</td></tr>
<tr align="center"><td>122x109</td><td>122x50</td><td>219x406</td></tr>
<tr><td><img src="2HTML/dragon2.gif" width="122" height="247"></td><td><img src="2HTML/dragon2.gif" width="122" height="247"></td><td><img src="2HTML/dragon2.gif" width="122" height="247"></td></tr>
<tr align="center"><td>122x247</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>

<h2>Задание 8: Пример сложной таблицы</h2>
<table border="2" align="center" width="70%" cellpadding="5" bgcolor="#FFFFE0">
<caption><b>Дополнительная таблица</b></caption>
<tr bgcolor="#FFD700"><th colspan="4">Объединённый заголовок (COLSPAN=4)</th></tr>
<tr align="center"><td rowspan="2" bgcolor="#ADD8E6"><b>ROWSPAN=2</b></td><td colspan="2">Два столбца</td><td rowspan="2" bgcolor="#FBCEB1"><b>ROWSPAN=2</b></td></tr>
<tr align="center"><td>Ячейка A</td><td>Ячейка B</td></tr>
<tr align="center"><td bgcolor="#90EE90">Обычная</td><td>ячейка</td><td>с данными</td><td>&nbsp;</td></tr>
</table>

</body>
</html>