Подробная инструкция: как вставить таблицу в ЖЖ ( HTML)

Oct 19, 2006 15:52

Искала "Инструкцию о том, как вставить таблицу" но нигде и никто словно не хотел сам изготовить "сабж" (заголовок). Сделаю сама! Конечно, инструкция уже не для вас, опытные пользователи, но, может, и вам пригодится. Как только кто-то спросит тебя, как это ты вставил/а таблицу :) - можешь послать сюда, чтобы самому/ой не объяснять, как и что делать.
Начну (прости, если и так знаешь), с самых азов. Для этого используют теги.
Что такое тег? Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации. Тег может иметь некоторое количество атрибутов. Обычно используются два тега - открывающий и закрывающий. (с - slovari.yandex.ru)
Теги бывают начальными и конечными. И пишутся они одинаково, за исключением того, что в конечном стоит "слэж" /. Конечный может и отсутствовать, если после таблицы никакого текста не предусмотрено. (Равно как с "катом" - lj-cut)
Чтобы создать таблицу в редакторе HTML, надо:
Заголовок 1Заголовок 2 Ячейка 1.1Ячейка 2.1Ячейка 1.2Ячейка 2.2
  1. Прикинуть размерность таблицы, т.е. сколько в ней будет строк и столбцов.

  2. Вставить в поле эпиграфа теги таблицы ... .

  3. Вставить соответствующее количество тегов строк ... в нашу таблицу.

  4. Вставить теги ячеек ... в каждую строку таблицы, количество ячеек в строке должно соответствовать количеству столбцов таблицы.

  5. В результате, получаем пустой макет таблицы.


  6. Вот такая "пустая" табличка:"пишется" вот так:
    Заголовок 1 Заголовок 2
    Ячейка 1.1 Ячейка 2.1
    Ячейка 1.2 Ячейка 2.2

  7. Теперь можно заполнять ячейки соответствующими объектами. Например,


Пояснения:
... - начальный и конечный теги таблицы
Возможные атрибуты:
background=URL - если нужно задать фоновое изображение для таблицы.
bgcolor=цвет - если нужно задать цвет фона ячейки (например, см. здесь).
cellpadding=n - Между границами ячейки и её содержимым поместить область свободного пространства шириной n пикселей.
cellspacing=n - если нужно задать интервал между ячейками таблицы размером в n пикселей.
hspace=n - если нужно задать размещение справа и слева от таблицы областей свободного пространства заданной ширины (в пикселях).
vspace=n - если нужно задать размещение над таблицей и под ней областей свободного пространства

... - начальный и конечный теги строки ячеек в таблице.
Возможные атрибуты:
align=тип - если нужно задать способ выравнивания содержимого ячейки:
  • left - по левому краю;

  • center - по центру;

  • right - по правому краю.

bordercolor=цвет - если нужно задать цвет обрамления ячейки.
valign=тип - если нужно задать размещение содержимого данной ячейки:
  • top - вверу;

  • center - по центру;

  • bottom - внизу.


... - начальный и конечный теги данных в ячейке таблицы.
Возможные атрибуты:
align=тип - Задается способ выравнивания содержимого ячейки:
  • left - по левому краю;

  • center - по центру;

  • right - по правому краю.

background=URL - если нужно задать фоновое изображение ячейки.
bgcolor=цвет - если нужно задать цвет фона ячейки.
colspan=n - Данная ячейка охватывает n соседних столбцов.
rowspan=n - Данная ячейка охватывает n соседних строк.
width=n - Установка ширины данной ячейки в пикселях или в процентах от ширины окна.
Также см.:
Инструкция: 5 способов создать ссылки на жж-пользователей с традиционными миниюзерпиками и без них
Инструкция для начинающего жж-пользователя. 10 советов

Успехов тебе!

sophiya

instruction/ инструкция

Previous post Next post
Up