Учебное пособие: Створення простої web-сторінки

5. Як відобразити на екрані HTML-документ?

6. Як мовою HTML встановити колір тексту?

7. Яким тегом одночасно встановити колір тексту i фону?

8. Як вирівняти текст по центру, по ширині, по лівому або правому краю?

9. Якими засобами мови HTML виділити фрагменти тексту?

10. Якими засобами мови HTML задати написання тексту або (i) вид шрифту?

ГРАФІКА I ПОСИЛАННЯ НА WEB-СТОРІНЦІ

Вставка малюнків

Щоб вставити малюнок, треба скористатися тегом:

<img src="my.jpg">,

де my.jpg -ім'я файла, що містить малюнок. Замість my.jpg можна вставити ім'я будь-якого іншого малюнка (з розширенням jpg, gif, png, bmp). Головне, щоб між лапками стояв шлях та ім’я файла малюнка (у наведеному прикладі малюнок знаходиться в одній папці з файлом HTML-документа).

Якщо малюнок знаходиться в іншій папці, то його краще переписати в папку, де знаходиться HTML-документ.

Для "співіснування" малюнка (наприклад, pr1.png) i тексту документа використовують теги:

малюнок з лівого краю, текст його обтікає справа:

<img src="prl.png" align="left">

малюнок з правого краю, текст його обтікає зліва:

<img src="prl.png" align="right">

Kpiм параметрів align, існують ще кілька параметрів:

відстань між текстом i мапюнком по вертикалі (тут 10 пікселів):

<img src="prl.png" Vspace="10">

відстань між текстом i малюнком по горизонталі (30 пікселів):

<img src="prl.png" Hspace="30">

опис малюнка (якщо встановити курсор миші на малюнок, через секунду з'явиться вказаний текст - тут "моя фотокартка"):

<img src="prl.png" alt="моя фотокартка">

ширина малюнка (тут 100 пікселів):

<img src= "pri.png" width="100">

висота малюнка (тут 200 пікселів):

<img src="prl.png" height="200">

рамка навколо малюнка (тут товщина лінії 5 пікселів):

<img src="prl.png" border="5">

Bci параметри можуть застосовуватися одночасно один з одним, щоб запобігти плутанини в їx застосуванні. Наприклад, так: