HTML – набір домовленостей для розмітки документів, які
визначають зовнішній вигляд документів на екрані комп’ютера при доступі до них
з використанням програми браузера.
HTML-документ (або Web-сторінка)
– це звичайний текстовий файл з розширенням .htm, або .html, що розмічений
засобами HTML і містить інформацію, яка призначена, переважно для публікацій у
WWW.
Web-сайт – це сукупність Web-сторінок (кілька десятків, сотень, і навіть тисяч), які
об’єднані спільною темою і розміщені, як правило, на одному комп’ютері.
Команда містить інформацію про
те, як повинен виглядати даний елемент на Web-сторінці, які зв’язки він може мати з іншими елементами
або документами.
|
<HTML>...</HTML>
|
початок / кінець
гіпертекстового документу
|
|
<TITLE>
</TITLE>
|
між тегами <HEAD> та </HEAD> інтерпретується як заголовок
Web-сторінки
|
|
<BODY>
</BODY>
|
містить інформацію, яка буде
виведена у вікні браузера
|
|
<BODY text=”колір ”>
|
– задає базовий колір шрифту для сторінки.
|
|
<BODY
bgcolor=”колір”>
|
задає колір фону сторінки
|
|
<BODY background=«назва
файлу.gif»>
|
заповнює сторінку графічним
малюнком, графічний файл потрібно розмістити в одній папці із сторінкою.
Розширення графічного файлу має бути gif або jpg (якщо в файла розширення
jpeg тоді його потрібно вказати як jpg).
|
|
<BR>
|
Розривання рядка
|
|
<P>
|
Початок абзацу
|
|
<H1>…</H1>
<H2>…</H2>
…
<H6>…</H6>
|
Заголовок документи, має 6
рівнів, чим вищий рівень, тим більший шрифт
|
|
<FONT>
|
для зміни шрифту - розмір, колір і гарнітури. Атрибут FACE – для зміни гарнітури
шрифта, SIZE - розміру та COLOR – кольору.
Наприклад: <Font face=Arial size=5 color=red>
|
|
<B></B>
|
Текст, поміщений в цей тег,
буде відображено жирним шрифтом
|
|
<I></I>
|
Текст, поміщений в цей тег,
буде відображено курсивом
|
|
<U></U>
|
Текст, поміщений в цей тег,
буде відображено підкресленим шрифтом
|
|
<SUB>…</SUB> –
|
нижні індекси.
|
|
<SUP>…</SUP> –
|
верхні індекси.
|
|
<CENTER></CENTER>
|
Вирівнювання тексту по центру екрана
|
|
<LEFT></LEFT>
|
Вирівнювання тексту по лівому краю
|
|
<RIGHT> </RIGHT>
|
Вирівнювання тексту по правому краю
|
|
<IMG src=URL>
|
розміщення картинки на сторінці, якщо картинка в тій же теці що і
сторінка указується її ім'я, наприклад: <IMG src=dog.jpeg> інакше
указується повна адреса: <IMG src=http://www.ecc.crimea.ua/dog.jpeg>
|
|
alt=”Підпис до картинки” –
|
виводиться на екран якщо у браузера відключений режим показу картинок або
картинка не знайдена;
|
|
title=”Підпис до картинки” –
|
виводиться на екран при наведенні на картинку покажчика миші;
|
|
align=”…”
|
позиціонування картинки щодо тексту
– left, right.
|
|
width=”…”
|
– вертикальний розмір картинки (значення: число) – задається в пікселях;
|
|
height=”…”
|
– горизонтальний розмір картинки (значення: число) – задається в
пікселях, якщо заданий тільки один параметр, другий, – змінюється пропорційно
(зменшення розміру не скорочує часу завантаження).
|
|
<UL>
</UL>
|
Маркірований список
|
|
<OL>
</OL>
|
Нумерований список
|
|
<LH>
</LH>
|
Заголовок списку
|
|
<LI>
|
Елементи списку
|
|
<TABLE> … </ TABLE>
|
Для створення таблиці. Для
створення рядків служить тег <tr>, а для стовпців – <td>.
Приклад:
<TABLE>
<TR><TD>вміст першої комірки рядка </TD>
<TD> вміст другої комірки рядка </TD> </TR>
</TABLE>
|
|
<A>
</A>
|
Між цими тегами розміщується
текст посилання
|
|
href=URL
|
атрибут,який вказує адресу документа
Приклад: <A
href=”http://www.netscape.com”>”Сайт програми NetScape”</A>
|
|