Перегляд вихідного коду сторінки Вікі. Інструкція "Створення галереї зображень"

'''Інструкція "Створення галереї зображень"''' 
 


<div style="margin-top:-10px;margin-bottom:10px">
{|
|width="5" style="background-color:#4cbb81;"|
|По завершенні цього заняття Ви будете вміти створювати галерею зображень, додавати до неї назву та підписувати кожне зображення галереї.
|}
</div>

==Створити галерею зображень==

Галерею зображень будемо створювати на власній вікі-сторінці в розділі ''Мої захоплення'' .

Для вставки декількох зображень в статтю (наприклад, зображень картин в статті про художника), застосовується спеціальна команду (тег) '''<nowiki><gallery>...</gallery></nowiki>''', яка групує зображення в галерею (по 4 зображення в кожному ряду). 

Найпростіший випадок опису галереї:
120px-Bibikovskiy_bylvar.png‎ 
 <nowiki><gallery>
 Зображення:Vokzal.png|thumb|Залізничний вокзал в Києві
 Зображення:Bibikovskiy.png|Бібіковський бульвар
 Зображення:Bibikovskiy bylvar.png|Початок Бібіковського бульвару
 Зображення:Vladimirskiy Sobor.jpg|Володимирський Собор
 Зображення:Bibikovskiy bylvar.png|Початок Бібіковського бульвару

</gallery></nowiki>

А на екрані Ви побачите:


[[Зображення:Vokzal.png|Залізничний вокзал в Києві]]
[[Зображення:Bibikovskiy.png |Бібіковський бульвар]]
[[Зображення:Bibikovskiy bylvar.png|Початок Бібіковського бульвару]]
[[Зображення:Vladimirskiy Sobor.jpg|Володимирський Собор]]


==Додати назву галереї==
До галереї зображень можна додати назву, використовуючи слово (прарметр) '''caption'''

Наприклад: '''<nowiki><gallery caption="Фото кінця 19 початку 20 століття (Київ)"></nowiki>'''

 <nowiki><gallery caption="Фото кінця 19 початку 20 століття (Київ)">
Зображення:European SQuare.png|Царська площа (вхід в Купецький сад)
Зображення:Watode fler.jpg|Вхід в Шато-де-Флер
Зображення:Kupe4eskoe sobranie.png|Прибудова до будівлі Купецьких зборів
Зображення:Vxod-v kupe4 sad.jpg|Вхід в Купецький сад
</gallery></nowiki>


[[Зображення:European SQuare.png|Царська площа (вхід в Купецький сад)]]
[[Зображення:Watode fler.jpg|Вхід в Шато-де-Флер]]
[[Зображення:Kupe4eskoe sobranie.png|Прибудова до будівлі Купецьких зборів]]
[[Зображення:Vxod-v kupe4 sad.jpg|Вхід в Купецький сад]]


<center>'''Нам дуже приємно, що Ви вже працюєте над додатковими завданнями!<br>
<font size="+2" color="orange">Бажаємо подальших успіхів!</font><br>
<font size="+3" color="#3366ff"><b>;-)</b></font>
</center>