Index.html Ü index2.html

Вся інформація про вказівку для броузера знаходиться між знаками "<" и ">". Такий фрагмент (например, <html>) називається міткою (по-англійськи — tag, читається "тег").

Більшість HTML-міток — парні, тобто на кожну відкриваючу мітку типу <tag> є закриваюча мітка типу </tag> з тим же ім’ям, але з "/" попереду вказівки. Мітки можна вводити как ВЕЛИКИМИ, Різними так і маленькими буквами.

Наприклад, мітки <body>, <BODY> и <Body> будуть інтерпретовані браузером однаково.

ОБОВ’ЯЗКОВІ МІТКИ

Мітка <html> повинна відкривати HTML-документ. Аналогічно, мітка </html> завершує HTML-документ.

<head> ... </head> Початок і кінець заголовка документа.

<title> ... </title> Все, що знаходиться між мітками <title> и </title>, трактується браузером як назва документу.

Рекомендується назва не більше 64 символів.

<body> ... </body> початок і кінець тіла HTML-документу, яке, власне,і визначає зміст документу.

<H1> ... </H1> — <H7> ... </H7> Мітки типу <Hi> (де i — цифра від 1 до 7) Описує заголовки шести рівнів.

Текст після Н1 Текст після Н5 Текст після Н2 Текст після Н6 Текст після Н3 Текст після Н7 Текст після Н4

<P> ... </P> - абзац. Все, що міститься між <P> и </P>, сприймаєтся як один абзац.

Непарні мітки

Є мітки, які не підпорядковуються двом основным правилам HTML: всi вони непарні, а деякі (&-послідовності) до того ж, пишуться лише маленькими буквами.

<BR> -перехід на новий рядок, аналогEnter Ã

<HR> -побудова горизонтальної лінії.

Amp;-послідовності

Оскільки символи "<" и ">" сприймаются браузерами як початок і кінець HTML-міток, то для відображення ії на екрані

набрати< для < , та > для >

Символ "&" (амперсанд) кодується &

Подвійні лапки (") - "

В кінці послідовності ставиться (;)

Робота з шрифтами

<B> жирний шрифт </B>, буде написано жирний шрифт.

<I> курсивний текст </I>, буде написано курсивний текст.

<U> підкреслений текст </U> , буде написано підкреслений текст

Можлива будь-яка комбінація, проте треба слідкувати за вкладеністю: <b><i>...</i></b>

Lt;TT>друкарська машинка</TT> буде написано друкарська машинка

Робота з шрифтом: <FONT>...</FONT> , параметри SIZE - розмір шрифта, СOLOR - колір

Специфіка використання значень у параметрі SIZE - 1 2 3 4 5 6 7, 3 - по умовчанню

Наприклад:<FONT SIZE="5" COLOR="red"> пробний текст </FONT> -буде

написано пробний текст червоним кольором із збільшеним розміром.

Розміщення

<сenter>центер</center>

<left>лівий край</left>

<right>правий край</right>

Вставка графічних зображень

напиклад файлу picture.gif -дописати у відповідному місці рядок:

або

<IMG SRC="picture.gif" ALT="Картинка">для того, щоб ще до завантаження зображення користувач мав би уявлення про характер картинки.

Для реалізації переходу (гіперпосилань):

Використовується <A HREF="[адреса переходу]">виділений фрагмент тексту</A>

Наприклад, перехід між сторінками index.html та index2.html буде реалізовано так (рядок має міститися в HTML-тексті відповідної сторінки):

index.html Ü index2.html

<A HREF="index2.html">На другу сторінку</A>

перехід з index2.html Ü index.html

<A HREF="index.html">На першу сторінку</A>

можна зробити і картинку picture.gif"гарячою", коли, натискаючи на неї, можна робити перехід, для прикладу покажу перехід з index.html Ü index2.html з "гарячим" зображенням.

Для вивантаження файлів:

<A HREF="ftp://server/directory/file.ext">Выгрузить файл/Downloads</A>

Відкриття вікна вихідного поштового повідомлення, де в рядку "куди" вже буде стояти адреса:

User@mail.box

<A HREF="mailto:user@mail.box">Послать письмо</A>

Таблиці