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> Мітки типу <Hi> (де 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> <!--Це заголовок таблиці-->

Наши рекомендации