Теги разделения на абзацы и переноса строки

Тег <BR> - тег принудительного перевода строки. Текст, после этого тега начинается с новой строки.

Тэг <HR> - вставляет горизонтальную линию.

Тег <P>

Теги <P> </P> разделяют текст на абзацы. Перед началом каждого абзаца следует поместить тег <P>, закрывающий тег не обязателен. В отличии от тега <BR> абзацы отделяются друг от друга пустой строкой.

Тег <P> имеет параметр Align, который задает способ выравнивания текста внутри параграфа.

Возможные значения этого параметра:

Left	выравнивание по левому краю
Center	выравнивание по центру
Right	выравнивание по правому краю
Justify	выравнивание по ширине

Тег <Pre>

Тег <Pre > определяет блок предварительно форматированного текста. Такой текст отображается, обычно, моноширинным шрифтом (шрифт, все знаки которого имеют одинаковую ширину) и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб - странице показывается как один. Тег <Pre> позволяет обойти эту особенность и отображать текст как требуется разработчику. Внутри контейнера <pre> допустимо применять любые теги кроме следующих: <Big>, <Img>, <Object>, <Small>, <Sub> и<Sup>.

Теги, выделяющие текст курсивом

<Cite>…</Cite>

<Dfn>…</Dfn>

<Em>…</Em>

<I>…</I>

Теги <Cite> </Cite> используются для логического выделения названий книг, статей и цитат.

Теги <Dfn> </Dfn> используются для выделения определений.

Тегами <Em> </Em> и <I> </I> выделяют важные фрагменты текста.

Теги, выделяющие текст полужирным шрифтом

<Strong> </Strong>

<B>…</B>

Оба используются для выделения важных фрагментов текста.

Теги, выделяющие текст подчеркиванием

<Ins>…</Ins>

<U>…</U>

Оба тега используются для подчеркивания важных фрагментов текста.

Теги, выводящие текст моноширинным шрифтом

<Samp>…</Samp>

<TT>…</TT>

Выводят текст моноширинным шрифтом.

Теги, выводящие текст в верхнем и нижнем индексах

Теги <Sub>…</Sub> выводят текст ниже уровня строки шрифтом меньшего размера.

Теги <Sup>…</Sup> выводят текст выше уровня строки шрифтом меньшего размера.

Данные теги удобны для вывода математических и химических формул.

Теги, изменяющие размер шрифта

Тэги <Big> </Big> увеличивают размер шрифта текста, заключенного между ними.

Теги <Small> </Small> уменьшают размер шрифта текста по сравнению с исходным.

Тег <FONT>.

Тег <FONT> …</FONT> используется для задания параметров шрифта.

Атрибуты тега <FONT>

Face	Устанавливает гарнитуру шрифта.
Color	Устанавливает цвет текста. Существуют два способа задания цвета: по имени и указанием шестнадцатеричного кода цвета.
Size	Устанавливает размер шрифта в условных единицах от 1 до 7. По умолчанию размер шрифта равен 3.

Пример.

<FONT Face="Arial" Size="5">Текст</FONT>

По умолчанию в HTML – документе используется шрифт Times New Roman.

Тег <CENTER>

Теги <CENTER>…</CENTER> предназначен для выравнивания всех элементов внутри него по центру окна браузера.

Создание бегущей строки

Для создания бегущей строки используется тег <MARQUEE>.На самом деле содержимое контейнера <MARQUEE> не ограничивается строками и позволяет перемещать (скролировать) любые элементы Web - страницы - изображения, текст, таблицы, элементы форм и т.д. Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение.

Первоначально тег <MARQUEE> был предназначен только для браузера Internet Explorer, но современные версии других браузеров также понимают и поддерживают этот тег.

Синтаксис

<MARQUEE>…</MARQUEE>

Атрибуты тега <MARQUEE>

Behavior	Задает тип движения содержимого контейнера <MARQUEE>.
Bgcolor	Устанавливает цвет фона.
Direction	Указывает направление движения содержимого контейнера <MARQUEE>.
Height	Высота области прокрутки.
Hspace	Горизонтальные поля вокруг контента.
Loop	Задает, сколько раз будет прокручиваться содержимое.
Scrollamount	Задает скорость движения контента.
Scrolldelay	Величина задержки в миллисекундах между движениями.
Truespeed	Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay.
Vspace	Вертикальные поля вокруг содержимого.
Width	Ширина области прокрутки.

 

Пример. <MARQUEE Align="top" Behavior="slide" Direction="right" Loop="2"> WELCOME! </MARQUEE>

Графика в HTML

На каждую Web - страницу можно поместить любое количество иллюстраций. Вы можете использовать готовые графические изображения или создать их сами.

Тег <IMG>

Тег <IMG> используется для вставки в документ графического изображения.

Под графическим изображением подразумеваются: маленькие пиктограммы, рисунки, графические объекты и карты изображений. Кроме того тег <IMG> поддерживает различные атрибуты, определяющие расположение изображения относительно окружающего текста и содержания Web - страницы в целом.

Атрибуты тега <IMG>

Src	Указывает адрес графического файла, который будет отображаться на Web - странице.
Alt	Устанавливает альтернативный текст для изображений. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением.
Align	Выравнивание изображения на странице относительно строки текста. Возможны значения: Left, Right - по правому или левому краю строки; Top, Middle, Bottom - по высоте строки текста: по верхнему краю, по середине, по нижнему краю.
Height	Высота изображения в пикселях.
Width	Ширина изображения в пикселях.
Vspace	Задает свободное пространство в пикселях над и под изображением.
Hspace	Задает свободное пространство в пикселях слева и справа от изображения.
Border	Установка толщины обрамления изображения в пикселях.

Пример.

<IMG Src="picture.gif" Alt="Это изображение" Border="1" Width="300" Height="400">