Подписка
Email
Fb
RSS
Twitter
Email

Курс HTML (видео уроки) Часть4

Таблицы в html

Приветствую всех читателей сайта DenWeb.Ru. Это очередной, а точнее четвертый урок курса по HTML.

Сегодняшняя тема — создание таблиц в html. Смотрим видео:

Итак, основные моменты по работе с таблицами. Для создания таблиц мы используем следующий код:

 

Цена
580$
160$
190$

Цены на товар
Наименование Компьютер Монитор Принтер

Таблица задается тегами <table></table>

Элемент <caption> (заголовок) описывает, для чего вообще нужна эта таблица. Тэг caption должен быть первым элементом после тэга table и является заголовком таблицы. В большинстве броузеров этот заголовок будет отображаться сверху по центру таблицы (над первой строкой) .

Тег <tr> делит таблицу на строки, тег <th> и <td> выделяют в этих строках ячейки. Тег <th> применяется для ячеек первой строки таблицы, то есть для шапки таблицы. Содержимое данного тега отображается браузером жирным шрифтом и располагается по центру ячейки.

Атрибуты

Опять же, все стилевое оформление таблиц надо задавать через css, но так как мы пока до этого не дошли, рассмотрим осовные атрибуты для оформления таблиц на html.

Для тега <table> используются следующие атрибуты:

  • align — задает выравнивание всей таблицы;
  • bgcolor — цвет фона таблицы;
  • border — устанавливает толщину границ в пикселах;
  • cellpadding -  определяет расстояние между границей ячейки и ее содержимым;
  • cellspacing — определяет расстояние между внешними границами ячеек;
  • width — задает ширину таблицы;

Для тега <td> так же применяются атрибуты align, bgcolor, width, а так же height (высота ячейки), valign, который устанавливает вертикальное выравнивание содержимого ячейки (значения: top, middle, bottom), а так же атрибуты colspan (устанавливает число ячеек, которые должны быть объединены по горизонтали) и rowspan (устанавливает число ячеек, которые должны быть объединены по вертикали).

Это все самое основное, что нужно знать о создании таблиц в html.

Вы можете оставить комментарий.

15 комментариев к записи “Курс HTML (видео уроки) Часть4”

  1. Женя:

    Денис Лазарев Привет я хотел спросить сможешь мне сделать сайт за деньги?

  2. Серёга:

    Спасибо!Вот такой вопрос к вам Денис,чем вы обводите на видео элементы?что за программа?

  3. Ну теперь наверно можно взглянуть на тот сайт, тот что «за деньги...» ? )))))))))

  4. Спасибо! Все понравилось.

  5. Спасибо за урок! Очень всё интересно и доступно!Сверстал себе элемент один для сайта по примеру =)спасиб =)

  6. А можно сделать таблицу с помощью плагина, а то в готовом виде вместо таблицы получается код.

  7. Хороший сайт) спасибо помог)

  8. Здравствуйте! Скажите, пожалуйста, как тут(zekod.ru) уменшить нижний отступ картинки и все ли там правильно прописано?

  9. Екатерина:

    Здравствуйте, соглашусь у Вас очень эффективный сайт! У меня вопрос: можно ли в «шапке» таблицы сделать не жирный шрифт, а например, курсив? Есть ли такой атрибут в тегах <th>...</th>?

  10. Денис:

    Исправьте опечатку. Тег атрибут тега valign, выравнивающий текст по низу пишется bottom, у вас «botom»

  11. Антон:

    Здравствуйте! Очень хотелось бы увидеть возможность скачать все видео прямо с сервера)буду благодарен

Оставить комментарий

Spam Protection by WP-SpamFree

Яндекс.Метрика