Как отделить одним движением селёдку от костей Читать дальше... http://kapitoshka70.livejournal....
Без заголовка - (0)Баклажаны по-гречески: 3 шт. - баклажана4 ст. ложки - оливкового масла500 гр. - мясного фарша1 шт...
Памяти Михаила Евдокимова: - (4)Памяти Михаила Евдокимова: Без заголовка Памяти Михаила Евдокимова: Тимофей п...
Как тёща познакомилась с будущим зятем - (0)Забавный случай в ванне: Как тёща познакомилась с будущим зятем
Японский стиль. Фоны. - (4)Японский стиль. Фоны. //s46.radikal.ru/i114/0909/1c/cbe53a2f34dat.jpg http://s43.radi...
Таблицы |
Построим простейшую таблицу, состоящую из одной строки и двух столбцов.
Текст1 | Текст2 |
Добавим рамку к нашей таблице. Для этого нужно в тег добавить border="1" ( Этот параметр определяет ширину рамки таблицы ), если нужна рамка толщиной 1 пиксель то можно написать border без параметров
Текст1 | Текст2 |
Рамка появилась, но она какая то мрачная :) Попробуем разукрасить рамку, добавив еще один параметр bordercolor который определяет цвет рамки. Сделаем нашу рамку ядовито-красного цвета :).
Вот наша таблица с красной рамкой
Текст1 | Текст2 |
Теперь изменим цвет фона таблицы. Для этого добавим bgcolor
Вот как выглядит наш пример
Текст1 | Текст2 |
Сделаем нашу таблицу с фоновым рисунком
Для этого зальем фоновый рисунок в черновик
Код нашего фонового рисунка
Теперь добавим к нашей таблице параметр background и укажем ссылку на наш фоновый рисунок
Наша таблица теперь выглядит повеселее :)
Текст1 | Текст2 |
Попробуем теперь использовать для фона таблицы рисунок сравнительно больного размера. Например вот такой веселый цветочек
Код рисунка
Код таблицы будет таким
Текст1 | Текст2 |
Фоновый рисунок есть, но он обрезан по размеру таблицы. Что бы это исправить нужно добавить ширину width и высоту height таблицы. Ширину и высоту таблицы сделаем такими же как и ширина и высота фонового рисунка
Вот как будет выглядеть наша таблица
Текст1 | Текст2 |
Наша таблица размещается на странице слева, разместим её посредине страницы добавив параметр align. Допустимы значения этого параметра left - слева, right - справа, center - разместить по центру
Вот как это будет выглядеть
Текст1 | Текст2 |
Текст с ячейках таблицы расположен слева и по центру вертикали. Оставим первую ячейку без изменения, а во второй ячейке таблицы разместим текст в верхнем правом углу. Для этого добавим к ячейке 2 параметра align - выравнивание по горизонтале и valign - выравнивание по вертикале.
Текст1 | Текст2 |
Если расположение текста в ячейках одинаковое то можно добавить тег . Этот тег позволяет задавать вид одной или несколько строк таблицы.
Обратите внимание что значения align и valign теперь прописаны в теге .
Теперь в обеих ячейках таблицы текст располагается вверху и по центру.
valign может принимать значения top - вверху. middle - по центру, bottom - внизу
Текст1 | Текст2 |
Рамка таблицы теперь портит весь вид. Уберем её и окончательно получим такую таблицу
Текст1 | Текст2 |
Пожалуй пока все. В следущий раз расскажу о других возможностях вывода таблиц
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |