» html
для новичков
» Главная
страница
» html
для новичков
Основные
Тэги (Дескрипторы) языка html
“Cмак”
гипертекстового языка – это
ссылки. В мировой паутине вы
просто нажимаете на ссылку и
мгновенно оказываетесь в другой
точке земного шара на выбранной
вами страничке.
По
традиции всех классических руководств
по HTML мы приводим самый простой
гипертекстовый документ.
<TITLE>Пример
простого HTML документа</TITLE>
<H1>Здесь
размещен заголовок первого уровня</H1>
Добро
пожаловать в Internet!
Первый
и последний параграф.<P>
В
этом примере мы использовали
следующие термины гипертекста
(так называемые тэги):
<TITLE>
— тэг, использующийся для определения
заголовка.
<H1>
— тэг заголовка.
<P>
— тэг метки параграфа.
В
языке описания гипертекстовых
документов — все тэги парные.
В конечном тэге присутствует
слэш, который сообщает обозревателю
о завершении. Но! Существует
одно исключение из этого правила
пар:
В
природе не существует тэга </P>.
Не
все тэги совместимы с обозревателями.
Если обозреватель не понимает
тэг, то он его просто пропускает.
Итак,
документ HTML это заголовок:
<html>
<head>
Заголовок </head>
<body>
...
и
текст
...
</body>
с
названием:
<head>
<title>
Название </title>
</head>
Название
документа
Это
не правило, и даже не закон,
это факт:
Любой
документ HTML имеет название.
По
названию вашего документа HTML
другие обозреватели могут найти
информацию. Место для названия
всегда определено – оно находится
вверху экрана, и отдельно от
содержимого документа. Максимальная
длина названия – 40 символов.
Форматирование
Форматирование
может быть непосредственным
или авторским. Если вы используете
тэг <pre>, то форматирование
считается авторским:
<body>
<pre>
Следующие
тэги присущи непосредственному
форматированию:
<p>
— параграф.
<hr>
— горизонтальная линия.
<br>
— обрыв строки.
Заголовки
и подзаголовки
Язык
HTML позволяет вам работать
с шестью уровнями заголовков.
Первый заголовок – самый главный.
На него обращается особое внимание.
Остальные заголовки могут быть
оформлены, например, жирным
шрифтом или прописными буквами.
В
HTML первый заголовок обозначается
как <H1>:
<Hn>Текст</Hn>
Под
n понимается уровень заголовка,
то есть, числа 1, 2, 3, 4, 5
или 6.
В
HTML первый заголовок может
совпадать с названием документа.
Списки
Списки
подразделяются на ненумерованные:
<ul>
<li>
Элемент списка
</ul>
нумерованные:
<ol>
<li>
Элемент списка
</ol>
c
описаниями:
<DL>
<DT>
Собака (элемент)
<DD>
Друг человека (описание элемента)
</DL>
и
вложенные:
<UL>
<LI>
Примус
<OL>
<LI>
Другой примус
...
</OL>
<LI>
...
</UL>
Выделение
текста
Текст
в документе HTML может быть
выделен одним из следующих способов:
<cite>
— цитата </cite>
<code>
— программный код </code>
<dfn>
— определение </dfn>
<em>
— логический акцент </em>
<kbd>
— ввод с клавиатуры </kbd>
<samp>
— сообщения компьютера </samp>
<strong>
— сильный акцент </strong>
<var>
— переменные </var>
Один
большой параграф
В
HTML разбиение на строки не
принципиально. Это означает,
что вы можете разбить строки
вашего документа в любом его
месте. Связано это с тем, что
в гипертекстовом документе идущие
подряд отбивки превращаются
в одну. Но! Если отбивка сделана
после тэга <P>, то она
учитывается. Если какой-нибудь
тэг <H> игнорируется,
то отбивка также учитывается.
В остальных случаях обозреватель
будет пропускать отбивки.
Ссылки
HTML
позволяет вам связать текст
или картинку с другими гипертекстовыми
документами. Текст, как правило,
выделяется цветом или оформляется
подчеркиванием.
Для
этого используется тэг <A>.
Помните, что после буквы A должен
стоять пробел.
Чтобы
сформировать ссылку:
¦ наберите
<A
¦ введите
HREF=”filename”>
¦ наберите
после > текст гипертекстовой
ссылки
¦ наберите
тэг </A>
Один
из вариантов гипертекстовой
ссылки может выглядеть так:
<A
HREF=”BobAnapa.html”>Bob</A>
Здесь
слово Bob ссылается на документ
BobAnapa.html, образуя гипертекстовую
ссылку.
Если
документ, формирующий ссылку,
находится в другой директории,
то подобная ссылка называется
относительной:
<A
HRE=”BobAnapa/ВobMoscow.html”>Bob</A>
Если
вы хотите указать полное имя
файла, то вам необходимо использовать
синтаксис UNIX.
Ссылки
можно формировать на основе
так называемого универсального
локатора ресурса, то есть, используя
следующий синтаксис:
protocol:
//hostport/path
Предварительное
форматирование текста
Тэг
<PRE> позволяет сформировать
текст, оформленный моноширинным
шрифтом.
Используйте
этот тэг для оформления листингов
программ.
Расширенные
цитаты
Тэг
<BLOCKQUOTE> позволяет
вам включить цитату в уединенный
объект.
Адрес
Тэг
<ADDRESS> позволяет сформировать
информацию об авторе документа
HTML.
Принудительный
перевод строки
Тэг
<BR> переводит только
одну строку, то есть, без дополнительного
пробела.
Горизонтальные
разделители
Тэг
<HR> формирует горизонтальную
линию по всей ширине окна.
Встроенные
изображения
Вы
можете встраивать в ваш документ
картинки. Синтаксис встроенной
картинки следующий:
<IMG
SRC=image_URL>
Здесь
image_URL есть указатель на
файл картинки, синтаксис которого
совпадает с синтаксисом ссылки
HTML.
Следующий
урок
|