пятница, 8 февраля 2013 г.

простая таблица html

Ставятся они где угодно! Подробнее о комментариях в можно прочитать тут -

Вертикальное объединение

Объединенный заголовок

Пример объеденения ячеек

В этой таблице наглядно показан пример использования атрибутов таблицы.

Правый заголовок

Моя первая таблица

Итак напишем Нашу первую таблицу:

align, valign - определяют положение данных в ячейке. align - горизонтальное выравнивание(left - по левому краю, center - по центру, right - по правому, justify - по ширине), а valign - вертикальное(top - по верху, middle - по середине, bottom - снизу).

width, height - атрибуты задающие ширину и высоту ячейки. Выражение задается в пикселах или процентах.

align, valign - задают выравнивание для всех элементов находящихся в данной строке. align - горизонтальное выравнивание(left - по левому краю, center - по центру, right - по правому), а valign - вертикальное(top - по верху, middle - по середине, bottom - снизу).

background - атрибут задает фон таблицы в виде картинки. В значении атрибута задается URL-адрес изображения.

bgcolor - атрибут задает фон для таблицы. В выражении атрибута прописывается название цвета, либо его шестнадцатиричный код.

align, valign - задают выравнивание всего содержимого таблицы.

cellspacing, cellpadding - первый атрибут определяет расстояние между ячейками таблицы, а второй - между ячейкой и ее содержимым. Расстояние задается в пикселах.

bordercolor - задает цвет границы. Выражением атрибута будет название цвета или его шестнадцатиричный код. Пример: bordercolor="#000000" или bordercolor="black"

border - атрибут устанавливающий размер границ таблицы. Выражение атрибута указывается в пикселах. Если нужно, чтобы границы были не видны в выражении выставляется значение "0", оно же стоит по умолчанию.

width, height - атрибуты ширины и высоты. Они задают размер таблицы. Выражения могут определяться в пикселах и процентах.

Таблицы в html являются неотъемлемой частью большинства сайтов и данный сайт не исключение. Каждая страница состоит из нескольких таблиц вложенных друг в друга. Хотя существует много разногласий по поводу актуальности их применения, но лично мое мнение (возможно ошибочно) таблицы очень удобный и гибкий инструмент верстки и дизайна. В них легко и удобно размещать различные объекты: картинки, видео, текст, музыку. Создать сайт на таблицах очень просто. Намного проще чем на блочной основе (DIV). В этой главе Мы научимся создавать таблицы и работать с ними.Итак, приступим!

Основы html: Таблицы в html. Создание таблиц HTML. Работа с таблицами

Комментариев нет:

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