Мастер-класс Пять шагов навстречу Вики/Шаг 3

Материал из Вики ЦДО
Перейти к: навигация, поиск
Главная страница Регистрация, личная страница, общение Создание и оформление страницы в вики Работа с изображениями и таблицами Вставка объектов из других интернет-сервисов в вики

Шаг 3. Работа с изображениями и таблицами

Работа с изображениями

Создание фотогаллерей. Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег Файл:T1.png, который группирует изображения в галерею (по 4 изображения в каждом ряду).

Пример галереи:

Работа с таблицами

Таблицы являются удобной формой для отображения информации. Исходный код таблицы заключается в фигурные скобки Файл:I1.png Первая фигурная скобка исходного кода таблицы называется открывающей скобкой, последняя — закрывающей. После открывающей скобки таблицы ставится вертикальная черта Файл:I2.png Вертикальная черта также ставится перед закрывающей скобкой таблицы. Открывающая скобка таблицы с вертикальной чертой называется открывающим элементом таблицы, а вертикальная черта с закрывающей скобкой — закрывающим элементом таблицы.

Исходный код:


Результат:

содержимое таблицы

Вид рамки описывается в первой строке, сразу после {|. Не забудьте, что между ними и атрибутом должен быть пробел. Вики-разметка также позволяет записывать ячейки в одну строчку. При этом, все ячейки, следующие за первой ячейкой в строке, начинаются с двойной вертикальной черты: ||. Например:

Исходный код:


Результат:

ячейка1 ячейка 2 ячейка 3

Толщина линий рамки задаётся атрибутом border="n", где «n» — толщина линии:

Объединение ячеек

Объединять несколько ячеек можно как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan="n", где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки. Для объединения по горизонтали используется атрибут colspan="n".

Вертикальное объединение двух ячеек:

Исходный код:


Результат:

Ячейка 1 Ячейка2, объединяет 2 ряда таблицы Ячейка 3
Ячейка 4 Ячейка 5

Вертикальное объединение двух ячеек:

Исходный код:


Результат:

Ячейка 1 Ячейка 2, объединяет два столбца
Ячейка 3 Ячейка 4 Ячейка 5

Сделать цветную ячейку можно с помощью атрибута style="background:#rrggbb", где «rrggbb» обозначает индекс цвета в таблице цветов.

Пример:

Исходный код:


Результат:

Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Задание

  • Создайте на своей странице-Песочнице галерею из изображений.
  • Разместите на своей странице-Песочнице таблицу с иллюстрациями из любой книги.