2.1.3.3.6. Абзацы

На строках 58-60 отображены абзацы.

Как правило, блоки текста разделяют между собой абзацами (параграфами) [18]. По умолчанию между параграфами существует небольшой вертикальный отступ, называемый отбивкой. Каждый абзац начинается с тега <p> и должен иметь необязательный закрывающий тег </p>.

2.1.3.3.7. Изображения

На строке 60 имеется тег <IMG>.

<p><img src="images/ex.jpg" alt="Картинка" /></p>

Для встраивания изображения в документ используется тег <IMG>, имеющий обязательный параметр src, который определяет адрес файла с картинкой [21].

Закрывающий тег для <IMG> не требуется. scr представляет собой путь к графическому файлу. Для его указания можно использовать как абсолютный, так и относительный адрес (также как и у тега <A>).

Как правило, в качестве формата графического файла выступает GIF и JPEG. Есть еще формат PNG, который также поддерживается браузерами при добавлении изображений и существует в двух ипостасях – PNG-8 и PNG-24.

Для изменения размеров изображения средствами HTML предусмотрены параметры width и height тега <IMG>.

Для создания альтернативного текста используется параметр alt тега <IMG>. Альтернативный текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением.

2.1.3.3.8. Другие элементы

Кроме элементов, в HTML-документах есть и сущности (entities) – "специальные символы" [22]. Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN – код символа в Юникоде в десятеричной системе счисления. Например, © – знак авторского права (©) (строка 66).

Тег <NOINDEX> (строка 18 и другие) — имя не входящего в официальную спецификацию тега языка гипертекстовой разметки веб-страниц HTML, предназначенного для включения в него частей веб-страниц, находящуюся между <noindex> и </noindex>, не предлагаемых к индексации поисковыми системами. Тег предложен российской компанией "Яндекс" в качестве альтернативы атрибуту nofollow (значение предназначено для поисковых систем: он указывает им на то, что гиперссылку, задаваемую тегом <A>, не следует никаким образом учитывать при индексировании данной страницы) и в настоящее время распознается российскими поисковыми системами Яндекс и Рамблер.

Тег <SPAN> (строка 49) предназначен для определения встроенных элементов документа. В отличие от блочных элементов, таких как <TABLE>, <P> или <DIV>, с помощью тега <SPAN> можно выделить часть информации внутри других тегов и установить для нее свой стиль.

2.1.4. Другие элементы языка html

В последних версиях HTML практически у каждого тега огромное число необязательных параметров – обычно не меньше 15. Приведем только основные параметры тегов [2,23].

Текстовые блоки

• <BR> – новая строка. Этот тег не закрывается (то есть не существует тега </BR>);

• <HR> – горизонтальная линия;

• <BLOCKQUOTE> … </BLOCKQUOTE> – цитата (обычно текст сдвигается вправо);

• <PRE> … </PRE> – режим preview. В этом режиме текст заключается в рамку и никак не форматируется (то есть теги, кроме </PRE>, игнорируются, и переводы строки ставятся там, и только там, где они есть в оригинальном документе). Форматирование текста

• <EM> … </EM> – логическое ударение (обычно отображается курсивным шрифтом);

• <STRONG> … </STRONG> – усиленное логическое ударение (обычно отображается жирным шрифтом);

• <I> … </I> – выделение текста курсивом;

• <B> … </B> – выделение текста жирным шрифтом;

• <U> … </U> – подчеркивание текста;

• <S> … </S> – зачеркивание текста;

• <STRIKE> … </STRIKE> – то же самое, что <S> … </S> ;

• <BIG> … </BIG> – увеличение шрифта;

• <SMALL> … </SMALL> – уменьшение шрифта;

• <SUB> … </SUB> – _{подстрочный текст};

• <SUP> … </SUP> – ^{надстрочный текст};

• <FONT параметры> … </FONT> – задание параметров шрифта:

• COLOR=color – задание цвета (в шестнадцатеричной форме или названием);

• FACE=шрифт меняет шрифт;

• SIZE=размер меняет размер шрифта (от 1 до 7, стандартный по умолчанию 3);

• SIZE=+размер или SIZE=-размер – размер задается по сравнению со стандартным.

Объекты

• EMBED – вставка различных объектов: не-HTML документов и media-файлов;

• APPLET – вставка Java-апплетов.

Формы

Создание форм в HTML является довольно сложным делом. Здесь приводятся только названия основных тегов.

• FORM – создание формы;

• INPUT – элемент ввода (может иметь разные функции – от ввода текста до отправки формы);

• TEXTAREA – текстовая область (многострочное поле для ввода текста);

• SELECT – список (обычно в виде выпадающего меню);

• OPTION – пункт списка.