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

Главная страница

Регистрация, личная страница, общение

Создание и оформление страницы в вики

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

Вставка объектов из других интернет-сервисов в вики

Шаг 3. Работа с изображениями и таблицами Работа с изображениями Создание фотогаллерей. Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег Файл:T1.png, который группирует изображения в галерею (по 4 изображения в каждом ряду). Пример галереи: K1.jpeg картина 1 K2.jpg картина 2 K3.jpg картина 3 K4.jpeg картина 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 Задание Создайте на своей странице-Песочнице галерею из изображений. Разместите на своей странице-Песочнице таблицу с иллюстрациями из любой книги.