Index.html Ü index2.html

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

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

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

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

<html>... </html>

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

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

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

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

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

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

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

<H1>... </H1>

<H2>... </H2>

<H3>... </H3>

<H4>... </H4>

<H5>... </H5>

<H6>... </H6>

<H7>... </H7>

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

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

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

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

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

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

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

набрати &lt; для <, та &gt; для >

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

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

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

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

<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">

або

<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="index2.html"><IMG SRC="picture.gif"></A>

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

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

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

[email protected]

<A HREF="mailto:[email protected]"> Послать письмо </A>

Таблиці

<TABLE BORDER=1> 

<CAPTION> 