1 of 24

http://vsimppt.com.ua/

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

2 of 24

Повторимо правила поведінки та безпеки�за комп’ютером

http://vsimppt.com.ua/

3 of 24

12.12.2022

Пригадаємо

Сьогодні

  1. Які засоби необхідні для створення веб сторінок на основі розмітки HTML?
  2. На основі яких програмних складових побудоване тіло веб сторінки?
  3. Опишіть основне стандартне тіло веб сторінки?
  4. Які заголовки вам відомі?

4 of 24

12.12.2022

Гіперпосилання

Сьогодні

<a href=“”>Текст</>

<a href="https://uk.wikipedia.org/wiki/Білл_Гейтс">Дізнатись про Білла Гейтса</>

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

5 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Гіперпосилання

6 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Гіперпосилання

7 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Гіперпосилання

8 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Гіперпосилання

9 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Гіперпосилання

10 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Графіка та анімація.

11 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Графіка та анімація.

12 of 24

12.12.2022

Сьогодні

<img src="media/billphoto.jpg">

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Графіка та анімація.

13 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Графіка та анімація.

14 of 24

12.12.2022

Сьогодні

align

bottom

left

middle

right

top

параметр визначає вирівнювання зображення відносно тексту.

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Параметри графічних об’єктів.

15 of 24

12.12.2022

Сьогодні

border

height

width

параметр визначає товщину рамки навколо зображення.

параметр визначає висоту зображення

параметр визначає ширину зображення

hspace

параметр визначає відступ тексту від зображення

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Параметри графічних об’єктів.

16 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Мультимедійні елементи.

17 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Мультимедійні елементи.

18 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Мультимедійні елементи.

19 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Мультимедійні елементи.

20 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Мультимедійні елементи.

21 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Мультимедійні елементи.

22 of 24

12.12.2022

Сьогодні

Гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках

Мультимедійні елементи.

23 of 24

12.12.2022

Повторюємо

  1. Опишіть відомі вам параметри зображень.
  2. Яким чином можна зробити зображення гіперпосиланням?
  3. Як налаштувати гіперпосилання для відкриття стороннього ресурсу у новій вкладці?

Сьогодні

24 of 24

Домашнє завдання

12.12.2022

Створити власний міні сайт на тему «Моя сім’я» засобами HTML. На сайті повинна бути інформація про членів сім’ї на окремих сторінках (котрі будуть підкріплені фото) та фотогалерея.

Сьогодні