Форум Портала BREND-CS
Сегодня Вторник | Дата: 24.10.2017 | Время: 05:10
Регистрация | Вход
Доброго времени суток, Гость! Авторизуйся или зарегистрируйся

Новые сообщения · Участники · Правила форума · Поиск · RSS

Страница 1 из 11
Форум » Обучения » Уроки по верстке » [HTML]: Знакомство с таблицами
[HTML]: Знакомство с таблицами
by-web Среда, 27.03.2013, 22:29 | Сообщение # 1

Offline
Сообщений: 3
Награды:0
Приветствую вас!

Этот урок будет посвящен составлению таблицам на языке разметки HTML. Многие не понимают как они работают, вот поэтому я и решил посветить им этот урок :)

1) Как и любой тег в HTML, его нужно объявлять. Таблицы объявляются следующим образом:

<table> </table>

Первое что мы сделали, мы объявили тег table и таким же образом закрыли его, добавив перед table слеш.

2) В первом примере мы только объявили таблицы, но они пустые и в них нет ни строк, ни столбцов, что же делать? Смотрим дальше..
После объявления таблицы, нужно создать строчку где будут располагаться столбцы. Строки объявляются тегом <tr> и закрываются </tr>.
Пример создания строки таблицы:

<table>
<tr></tr>
</table>

В данном примере мы объявили таблицу с помощью тега <table>, после чего, мы создали строчку с помощью тега <tr>.
Теперь у нас есть сам каркас таблицы и строчка, но вносить в нее данные мы пока не можем, так как в ней отсутствуют столбцы!
Чтобы создавать столбец используется тег <td> и закрываются </td>.
Пример создания строки столбца:

<table>
<tr> <td>Text</td> </tr>
</table>

В данном примере мы создали столбец <td> и внесли в него слово "Text".

3) Теперь когда мы можем создавать каркас таблицы, строчки и столбцы, мы можем создать полноценную таблицу. Ниже представлен пример таблицы:

<table>
<tr> <td> <b>id</b> </td> <td> <b>Name product:</b> </td> <td> <b>Price:</b> </td> </tr>
<tr> <td>1</td> <td>Car</td> <td>20 000rub</td></tr>
</table>

Важно: Кол-во строк и столбцов, зависит от кол-ва тегов в таблице!

Спасибо за внимание =)
AzIk Среда, 27.03.2013, 22:38 | Сообщение # 2


Offline
Администратор
Сообщений: 863
Награды:10
by-web, отлично, да ещё и уникальность 100%
- Сынок,ты связался с плохой компанией...
- Мам, я её основал...
by-web Среда, 27.03.2013, 22:42 | Сообщение # 3

Offline
Сообщений: 3
Награды:0
Цитата (AzIk)
отлично, да ещё и уникальность 100%

Старался :)
JlEKARb Четверг, 28.03.2013, 00:25 | Сообщение # 4


Offline
Сообщений: 223
Награды:1
для новичков в самый раз! smile
Extractor Четверг, 28.03.2013, 11:35 | Сообщение # 5


Offline
Сообщений: 819
Награды:4
Хороший урок понравился + в репку))
Форум » Обучения » Уроки по верстке » [HTML]: Знакомство с таблицами
Страница 1 из 11
Поиск: