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

Материал из Вики ЦДО
Перейти к: навигация, поиск
(Новая страница: «__NOTOC__ {| cellpadding="15" cellspacing="5" style="width: 100%; background-color:#99FFFF;border: 1px solid #771177; margin-left: auto; margin-right: auto;" |…»)
 
Строка 6: Строка 6:
 
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 3|Работа с изображениями и таблицами]]
 
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 3|Работа с изображениями и таблицами]]
 
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 4|Вставка объектов из других интернет-сервисов в вики]]
 
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 4|Вставка объектов из других интернет-сервисов в вики]]
|[[Мастер-класс Пять шагов навстречу Вики/Итоги|Итоги.Рефлексия]]
+
 
|[[Мастер-класс Пять шагов навстречу Вики/Список участников|Участники]]
+
 
|}
 
|}
 
{| cellpadding="15" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
 
{| cellpadding="15" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"

Версия 07:13, 17 октября 2017

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

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

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

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

Файл:K6.png

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

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

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

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

Файл:I3.png

Результат:

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

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

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

Файл:I4.png

Результат:

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

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

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

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

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

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

Файл:I5.png

Результат:

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

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

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

Файл:I6.png

Результат:

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

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

Пример:

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

Файл:I7.png

Результат:

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

Задание

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