- •План лекції:
- •Загальні поняття про Web-сторінки
- •Вступ в мову html
- •Струкрура html-документу Bci html-документа будуються за визначеними правилами:
- •Наприклад, закінчений html-файл може мати такий вигляд:
- •Оформлення тексту
- •Тег може мати такі атрибути: face – гарнітура шрифту, size – розмір, color – колір.
- •Написання тексту задається за допомогою тегів:
- •Графіка, вставка малюнків
- •Для "співіснування" малюнка (наприклад, pr1.Png) I тексту документа використовують теги:
- •Посилання
Тег може мати такі атрибути: face – гарнітура шрифту, size – розмір, color – колір.
Наприклад <font face="ARIAL"> шрифт Arial </font>
Написання тексту задається за допомогою тегів:
<b> Жирний текст </b>
<i> Текст курсивом </i>
<u> Підкреслений текст </ u >
Для фрагмента тексту можна застосовувати кілька meгів. Наприклад: <b> <i> Жирний курсив </i> </b>
Графіка, вставка малюнків
Щоб вставити малюнок, треба скористатися тегом <img src="my.jpg">, де my.jpg -ім'я файла, що містить малюнок. Замість my.jpg можна вставити ім'я будь-якого іншого малюнка (з розширенням jpg, gif, png, bmp). Якщо малюнок знаходиться в іншій папці, то його краще переписати в папку, де знаходиться HTML-документ.
Для "співіснування" малюнка (наприклад, pr1.Png) I тексту документа використовують теги:
<img src="prl.png" align="left"> -малюнок з лівого краю, текст обтікає його справа;
<img src="prl.png" align="right"> -малюнок з правого краю, текст його обтікає зліва:
Kpiм параметрів align, існують ще кілька параметрів:
<img src="prl.png" Vspace="10"> -відстань між текстом i мапюнком по вертикалі (тут 10 пікселів):
<img src="prl.png" Hspace="30"> -відстань між текстом i малюнком по горизонталі (30 пікселів):
<img src="prl.png" alt="моя фотокартка"> -опис малюнка (якщо встановити курсор миші на малюнок, через секунду з'явиться вказаний текст - тут "моя фотокартка"):
<img src= "pri.png" width="100"> -ширина малюнка (тут 100 пікселів):
<img src="prl.png" height="200"> -висота малюнка (тут 200 пікселів):
<img src="prl.png" border="5"> -рамка навколо малюнка (тут товщина лінії 5 пікселів):
Bci параметри можуть застосовуватися одночасно один з одним, щоб запобігти плутанини в їx застосуванні. Наприклад, так:
<img src="prl.png" aling="left" Hspace=30 Vspace=5 alt="моя фотокартка">
Малюнок буде притиснутий до лівого краю екрана, текст буде його обтікати справа, ввдстань до тексту по горизонталі - 30 пікселів, по вертикалі - 5 пікселів, при встановленні курсору миші на малюнку з'явиться напис "моя фотокартка".
Посилання
Щоб певний текст документу зробити посиланням на інший файл, використаємо тег <а href="ім’я файлу"> текст </а>. Наприклад:
Моя спеціальність - <а href="ERGEO.htm"> ЕРГЕО </а>
Текст при цьому буде відображатись на сайті іншим кольором з підкресленням. Якщо в імені файлу не вказується шлях до нього, то він повинен міститись в тій же папці, що і сам сайт.
