Мастер-класс Пять шагов навстречу Вики/Шаг 3 — различия между версиями
User (обсуждение | вклад) |
User (обсуждение | вклад) |
||
Строка 14: | Строка 14: | ||
'''Создание фотогаллерей.''' | '''Создание фотогаллерей.''' | ||
Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег [[Файл:t1.png]], который группирует изображения в галерею (по 4 изображения в каждом ряду). | Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег [[Файл:t1.png]], который группирует изображения в галерею (по 4 изображения в каждом ряду). | ||
− | <p style="text-align:left;"> | + | <p style="text-align:left;">Файл:k6.png</p> |
'''Пример галереи:''' | '''Пример галереи:''' | ||
Строка 30: | Строка 30: | ||
'''Исходный код:''' | '''Исходный код:''' | ||
− | + | Изображение:i3.png | |
'''Результат:''' | '''Результат:''' | ||
Строка 42: | Строка 42: | ||
'''Исходный код:''' | '''Исходный код:''' | ||
− | + | Изображение:i4.png | |
'''Результат:''' | '''Результат:''' |
Версия 07:18, 17 октября 2017
Главная страница | Регистрация, личная страница, общение | Создание и оформление страницы в вики | Работа с изображениями и таблицами | Вставка объектов из других интернет-сервисов в вики |
Шаг 3. Работа с изображениями и таблицами
|
содержимое таблицы |
Вид рамки описывается в первой строке, сразу после {|. Не забудьте, что между ними и атрибутом должен быть пробел. Вики-разметка также позволяет записывать ячейки в одну строчку. При этом, все ячейки, следующие за первой ячейкой в строке, начинаются с двойной вертикальной черты: ||. Например:
Исходный код:
Изображение:i4.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 |
Задание
- Создайте на своей странице-Песочнице галерею из изображений.
- Разместите на своей странице-Песочнице таблицу с иллюстрациями из любой книги.