Додавання до веб-сторінок графічних та мультимедійних елементів.

Добрий день, учні!

Ознайомитись з новою темою та записати в зошит конспект уроку:

Класна робота

Додавання до веб-сторінок графічних та мультимедійних елементів.

Зображення можна використовувати в HTML-документах так:

1. Для зміни фону сторінки.

2. Як ілюстрацію на сторінці.

3. Як посилання на інший об'єкт.

4. Як маркер у списку.

Для вставлення до документа малюнка використовується одинарний тег <IMG> з такими параметрами:

SRC=ім'я_файла

Наприклад, за командою <IMG SRC=фото.jpg> на екрані буде відображатися вміст графічного файлу фото.jpg, що зберігається в поточному каталозі.

Виконати практичну роботу:

Складіть документ, який містить заголовок вікна "Дивовижні споруди світу", зображення та стислу інформацію на дану тему.

Етапи виконання практичної роботи:

1. В своєму комп'ютері створіть папку з назвою "Практичні роботи".

2. В браузері знайдіть зображення будь-якої дивовижної споруди світу та (обов'язково!) збережіть його під назвою "споруда" в свою папку "Практичні роботи".

   

3. В цій папці також створіть текстовий редактор Блокнот, відкрийте його та введіть в ньому структуру HTML-документа із заголовком вікна "Дивовижні споруди світу".

   

   

4. Додайте зображення, за допомогою тегу <IMG> з параметрами (width та heigh - ширина та висота зображення) .

   

5. Додайте опис вашої споруди, використовуючи парний тег для абзаців <p>...</p> .

   

6. Збережіть файл як "Споруди.htm".

   

7. Перегляньте результат веб-сторінки за допомогою браузера.

   

   

8. Створіть власну веб-сторінку на тему "Дивовижні споруди світу" на прикладі розглянутої практичної роботи.

Прикріпити скриншот із кодом з текстового редактора Блокнот та скриншот веб-сторінки у браузері.