Контрольні запитання
Що являє собою мова розмітки HTML?
Як можна відредагувати документ, написаний мовою HTML?
З яких частин складається документ, складений мовою HTML?
Які елементи може містити HTML-документ?
Що таке тег?
Для чого використовуються атрибути тегів?
Що таке коментар в HTML-документі?
Лабораторна робота 2
Тема. Оформлення тексту Web-сторінки.
Мета. Дати поняття про найпростіше оформлення Web-сторінки.
Теоретичні відомості
Для поділу HTML-документа на логічно закінчені блоки використовують заголовки. Завдяки заголовкам відвідувач Web-сторінки може отримати уявлення про її вміст. Для задання заголовків на Web-сторінці використовується парний тег:
<Hn> заголовок текста </Hn> , де де n = 1, 2, 3, 4, 5, 6.
Існує шість рівнів заголовків – від H1 (найбільш важливий) до H6 (найменш важливий). Програма броузера відображає заголовки більшим (напівжирним) шрифтом. Чим вище рівень заголовка, тим більший розмір шрифту. Заголовки відокремлюються порожніми рядками від іншого тексту.
Наприклад: <Н1> Джерельце </НІ>
Для поділу HTML-документа на абзаци використовують теги:
<Р> текст <Р> – абзац. Можна використовувати тільки відкриваючий тег.
<ВR> – початок нового рядка (але не абзаца). Теги <BR> зручні при оформленні поштових адрес, наборі віршів тощо.
<HR> – вставка горизонтальної лінії.
Абзаци, що задаються тегами <Р> і <BR>, за умовчанням вирівнюються по лівому краю сторінки. Змінити таке вирівнювання можна за допомогою атрибута align.
align= "center" – вирівнювання по центру;
alіgn= "right" - вирівнювання по правому краю сторінки;
align="left") - вирівнювання по лівому краю сторінки.
Наприклад, заголовок
<НІ аlign="сеnter">Джерельце</Н1> розташовуватиметься по центру сторінки.
Параметри шрифту, який використовується для відображення тексту на Web-сторінках, найпростіше визначити за допомогою елемента FONT. Для цього елемента передбачені такі атрибути:
face (гарнітура шрифту або список допустимих шрифтів);
color (колір шрифту);
size (розмір шрифту).
Наприклад, для виведення слова “Вода” шрифтом Arial червоного кольору, потрібно ввести в документ параметри:
<FONT face="Arial" со1ог="red"> Вода </FONT>
Для оформлення шрифтів на Web-сторінки використовуються теги, які задають вигляд абзацу та шрифту. Деякі з них:
<B>текст</B> – напівжирний;
<I>текст</I> – курсив;
<U>текст</U> – підкреслювання;
<FONT SIZE = n > текст </FONT> - задання розміру шрифта. (n=1,2,3, ..., 7);
<FONT COLOR = кольорова специфікація > текст </FONT> - задання кольору шрифта
Кольорова специфікація
Black
(Чорний) = "#000000"
Green
(Зелений) = "#008000"
Silver
(Срібло)= "#C0C0C0"
Lime
(Лимон) = "#00FF00"
Gray
(Сірий) = "#808080"
Olive
(Оливковий) = "#808000"
White
(Білий) = "#FFFFFF"
Yellow
(Жовтий)= "#FFFF00"
Maroon
(Темно-бордовий) = "#800000"
Navy
(Темно-синій) = "#000080"
Red
(Червоний) = "#FF0000"
Blue
(Синій) = "#0000FF"
Purple
(Фіолетовий) = "#800080"
Teal
(Бірюзовий) = "#008080"
Fuchsia
(Фуксія) = "#FF00FF"
Aqua
(Блакитний) = "#00FFFF"
Увага! При використанні парних тегів потрібно слідкувати за їх правильним “вкладанням” , наприклад:
<НІ аlign="сеnter"> <FONT COLOR = "#000000> <B> Джерельце </B> </FONT> </Н1>