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

Материал из Вики ЦДО
Перейти к: навигация, поиск
Строка 14: Строка 14:
 
'''Создание фотогаллерей.'''
 
'''Создание фотогаллерей.'''
 
Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег [[Файл:t1.png]], который группирует изображения в галерею (по 4 изображения в каждом ряду).
 
Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег [[Файл:t1.png]], который группирует изображения в галерею (по 4 изображения в каждом ряду).
<p style="text-align:left;">[[Файл:k6.png]]</p>  
+
<p style="text-align:left;">Файл:k6.png</p>  
  
 
'''Пример галереи:'''
 
'''Пример галереи:'''
Строка 30: Строка 30:
 
'''Исходный код:'''                                                     
 
'''Исходный код:'''                                                     
  
[[Изображение:i3.png]]                                              
+
Изображение:i3.png                                             
  
 
'''Результат:'''
 
'''Результат:'''
Строка 42: Строка 42:
 
'''Исходный код:'''
 
'''Исходный код:'''
  
[[Изображение:i4.png]]  
+
Изображение:i4.png   
  
 
'''Результат:'''
 
'''Результат:'''

Версия 07:18, 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

Задание

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