Таблицы
Ну вот речь и дошла до того, что лежит в основе данного сайта - таблиц. Их видели все. И как известно, они состоят из строк и столбцов, а на их пересечении образуются ячейчки. Таблицы могут быть любого размера, от миниатюрных, до огромных.
Для создания любых таблиц, нам потребуются три тега и пять атрибутов:
| тег | описание |
|---|---|
<table>...</table> |
Основа таблицы, в данные теги помещаются все остальные теги таблицы. |
<tr>...</tr> |
Теги стороки, в них вкладываются теги столбцов. |
<td>...</td> |
Теги столбца. |
| атрибут | описание |
|---|---|
width="количество пикселей(px) или %" |
Максимальная ширина строки(столбца) |
height="количество пикселей(px) или %" |
Максимальная высота строки(столбца) |
rowspan="количество строк" |
Растягивание строки(столбца) по высоте |
colspan="количество столбцов" |
Растягивание строки(столбца) по ширине |
border="количество пикселей(px)" |
Толщина рамки таблиц |
Теперь можно попробовать создать таблицу. Кстати, они могут включать в себя любые другие элементы, например, текст, картинки, аудио и видео. Например:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Таблицы</title>
</head>
<body>
<table>
<tbody>
<tr>
<td>
<img src="../img/img-6-1.jpg" height="300px" title="сакура">
</td>
<td>
<img src="../img/img-9-1.jpg" height="300px" title="море">
</td>
</tr>
<tr>
<td>
<audio src="../audio/ZEDION - Radiance.mp3" controls="controls"></audio>
</td>
<td>
<video src="../video/video-8-1.mkv" heigth="270px" controls="controls" title="ARP"></video>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Как видно из данного примера, внутрь таблицы можно вставить практически всё, кроме другой таблицы. Текст, картинки, аудио, видео и прочее.
Внурти таблицы также можно пользоваться выравниванием, а сама таблица может быть самых разных размеров.
>> Следующая часть >>