Урок 6

Використання зображень у вебдокументах. Фони

Додати gif-анімацію до вебсторінки
<img src="Cat.gif">


Додати рисунок до вебсторінки за посиланням, та налаштувати розмір  рисунку
<img src=https://media.tenor.com/zJ2opKGVpZEAAAAi/judd-splatoon.gif   width=50   height=70>

Файл gif- треба скопіювати до папки із документом.

Приклад використання тегу

Як виконується браузером

примітка

<TITLE> Сторінка з картинкою </TITLE>

Задає заголовок сторінки в адресному рядку

парний

<BODY>  … </BODY>

Задає «тіло» документу

парний

<H1> …  </H1>

Задає заголовок документу

парний

<br>

Задає перенос рядку, тобто, рядом що буде далі, буде виведений з першої позиціїї

непарний

<IMG SRC= «посилання» align="right" width="250" height="220">

Відображає рисунок, опублікований в Інтернеті.  Атрибут align= задає положення, 

Атрибути width=, height= задають ширину/висоту рисунку

непарний

<font size=5  color=green> …. </font>

Задає форматування шрифту:

size=, задає розмір шрифту

color= задає колір шрифту


парний

<P> … </P>

Задає абзац

парний

<marquee> … </marquee>

Задає біжучий рядок

парний

Додатково:  Спецсимволы HTML

Виконайте самостійно

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки.

1. Оберіть за своїм смаком рисунок та GIF - анімацію. Можна використати посилання https://tenor.com/uk/ 
2. Створить простий HTML документ. Використайте програму Блокнот чи ресурс https://jsfiddle.net/
3. Додайте рисунок із підписом чи додайте GIF - анімацію.
6. Додайте кольоровий текст.
6. Додайте рядок із текстом, який "біжить"(параметри)
7. Передивиться як виглядає створена сторінка.
8. Надайте роботу учителю для перевірки.




Немає коментарів:

Дописати коментар

Підписатися на: Дописи (Atom)