Логин или email:
Пароль:
Зайти через вконтакте
Зайти через тест аккаунт
Навигация:
Панель управления оформлением проекта
Все статьи по теме: html / Уроки по html

Таблицы в HTML

Таблицы - очень важный элемент при верстке сайта. Грамотное употребление данного тега - залог красивой верстки.

Видеоурок




Текстовый урок

У Html много возможностей которые позволяют составлять таблицы, которые имеют большое значение для построения сайта. Используя таблицы, можно строить полностью каркас сайта, но пока не об этом. Улыбаюсь Давайте, для начала, научимся ее строить.

Познакомимся с новыми тегами.
Начнем с <table>, который задает начало и конец таблицы, думаю вы и сами знаете, что таблица состоит из строк и столбцов, а значит еще два новых тега:
<tr>- строка таблицы.
<td>- столбец таблицы.

Что дальше? А дальше надо объединить все 3 тега и получим самую маленькую таблицу, которая будет содержать один ряд, содержащий один столбец, выглядит это вот так:

<table>
<tr>
<td> Ячейка </td>
</tr>
</table>
Прежде чем рассмотреть пример, скажу о том, что тег <table> имеет атрибут border, который задает толщину рамки, давайте применим его для таблицы, чтобы смотреть на нее было в разы приятней:



<html>
<head>
<title> Таблица </title>
</head>
<body>
<table border="3">
<tr>
<td> ряд 1 столбец 1 </td>
<td> ряд 1 столбец 2 </td>
<td> ряд 1 столбец 3 </td>
</tr>
<tr>
<td> ряд 2 столбец 1 </td>
<td> ряд 2 столбец 2 </td>
<td> ряд 2 столбец 3 </td>
</tr>
<tr>
<td> ряд 3 столбец 1 </td>
<td> ряд 3 столбец 2 </td>
<td> ряд 3 столбец 3 </td>
</tr>
</table>
</body>
</html>
Просмотреть результат кода


сначала создаем ряд(строку) тегами <tr></tr>и между ними создаем столбцы <td></td>и получаем ячейки.

Теги:

Видеоурок по созданию таблицы в html, урок по html

Средняя оценка статьи: 4.75 балл
Назад
4 из 12
Вперед
279
Статья подготовлена пользователем:
Рейтинг: 0.00
Все статьи по теме: html / Уроки по html