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