Среда, 04.02.2026, 12:46
Как сделать сайт
Приветствую Вас Гость | RSS
Главная Каталог статей Регистрация Вход
Меню сайта

Категории раздела
HTML руководство для начинающих [9]
Руководство по языку разметки. Позволяет быстро усвоить язык HTML.
Справочник по HTML тегам [10]
Небольшое справочное руководство по HTML тегам
Справочник по CSS [0]
Отличный справочник по каскадным таблицам стилей CSS. Содержит наиболее полную информацию справочного характера
SSI [1]

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » Статьи » Учебники » Справочник по HTML тегам

6. Теги физического форматирования текста

Тег <B> и обязательный парный ему </B>

Тег <B> создает жирный текст

Атрибуты
title
Показывает текст в виде всплывающей подсказки
Пример

Это обычный текст
А это уже жирный текст с использованием тега <B>

Тег <BIG> и обязательный парный ему </BIG>

Тег <BIG> выводит более крупный текст

Атрибуты
title
Показывает текст в виде всплывающей подсказки
Пример

Это обычный текст
А это уже более крупный текст с использованием тега <BIG>

Тег <BLOCKQUOTE> и обязательный парный закрывающий тег </BLOCKQUOTE>

Тег <BLOCKQUOTE> предназначен для включения в документ длинных цитат, cоздавая отступы с обеих сторон текста и отделяясь от остального текста пустыми строками

Пример

Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку

А это уже длинный текст c отступами от сторон текста для лучшего восприятия

Тег <BR> не требует парного закрывающего тега

Тег <BR>(BReak line) вставляет перевод строки

Пример

Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку

А это уже длинный текст, разбитый
на две строки с помощью тега <BR>

Тег <font> и обязательный парный ему </font>

Тег <font> определяет выводимый шрифт

Атрибуты
size
Размер текста в пределах от 1 до 7,где 1 - самый мелкий шрифт. По умолчанию равен 3
color
Устанавливает цвет текста, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет, либо используя константы цвета,например для зеленого цвета<font color= "green">
Примечание: Атрибуты можно объединять
Пример

Это обычный текст
А это уже текст с использованием тега <font size=1>
Текст с использованием тега <font size=4>
Используем тег <font size=5 color="blue">

Тег <Hx> и обязательныйпарный ему </Hx>

Тег <Hx> служит для создания заголовка. Всего существует 6 видов заголовков - от H1 до H6. Тегу <H1> соответствует самый большой заголовок, тегу <H6> - самый маленький

Атрибуты
align
Выравнивает заголовок в соответствии со следующими значениями
center
По центру
left
По левому краю
right
По правому краю
title
Всплывающая подсказка
Пример

Очень большой заголовок с тегом <H1>

Заголовок поменьше с тегом <H2 title="я-подсказка!">

Еще меньше с тегом <H3 align=right>

Маленький заголовок с тегом <H4>

Очень маленький заголовок с тегом <H5>
Самый маленький заголовок с тегом <H6 align=center>

Тег <HR>. Закрывающий тег не требуется

Тег <HR> добавляет в HTML документ горизонтальную линию. Перед и после линии помещается пустая строка

Атрибуты
size
Устанавливает высоту(толщину) линии
width
Устанавливает ширину линии в пикселах или процентах
noshade
Создает линию без тени
color
Задает линии определенный цвет
Пример

Это обычная линия <hr>


Это линия потолще и красная <hr size=3 color=red>

Тег <i> и обязательный парный ему </i>

Тег <i> создает наклонный текст

Пример

Это обычный текст
А это уже наклонный текст с использованием тега <i>

Тег <MARQUEE> и обязательный закрывающий </MARQUEE>

Этот элемент является ответом Microsoft на BLINK. MARQUEE заставляет текст не мигать, а прокручиваться, либо перемещаться из стороны в сторону


Атрибуты
BEHAVIOR=ALTERNATE | SCROLL | SLIDE
Определяет вид скроллинга
ALTERNATEКолебательные движения налево и направо
SCROLLПеремещение текста в направлении, указанном в DIRECTION. Достигнув края экрана, надпись появляется снова с противоположной стороны
SLIDEСхоже с SCROLL, но текст перемещается только один раз и останавливается
DIRECTION=DOWN | LEFT | RIGHT | UP
Определяет направление скроллинга
DOWNДвижение вниз
LEFTДвижение справа налево. По умолчанию
RIGHTДвижение слева направо
UPДвижение вверх
Пример ALTERNATE SCROLL SLIDE А выглядит код так:
<MARQUEE BEHAVIOR=ALTERNATE DIRECTION="right">Здесь ваш текст</MARQUEE>

Тег <NOBR> и обязательный парный закрывающий тег </NOBR>

Тег <NOBR> запрещает перевод строки. Бывают случаи, когда возникает надобность в операции противоположного назначения – запретить перевод строки. Текст, заключенный между тэгами и , будет гарантированно располагаться в одной строке без переноса на другую. Длинная строка не уместится на экране, и для ее просмотра придется использовать горизонтальную полосу прокрутки

Пример

Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку
Код для примера
<nobr>Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку</nobr>

Тег <P> и необязательный парный ему </P>

Тег <P> создает новый параграф. Два или более тега <P>, идущих подряд, заменяются одним

Параметры
align
Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
leftвыравнивание по левому краю. По умолчанию
rightвыравнивание по правому краю
centerвыравнивание по центру
justifyвыравнивание по ширине
title
Всплывающая подсказка
Пример

Выравниваем параграф по правому краю с помощью соответствующего атрибута <p align="right">

Тег <PRE> и обязательный парный ему </PRE>

Тег <PRE> обрамляет предварительно отформатированный текст. Преформатированный текст отображается моношириным шрифтом. Получается как бы текстовая вставка в html

Пример
Буря мглою небо кроет,
 ... То завоет как дитя

Тег <s> и обязательный парный ему </s>

Тег <s> указывает, что текст должен быть зачеркнут

Пример

Это обычный текст
А это уже текст с использованием тега <s>

Тег <SMALL> и обязательный парный ему </SMALL>

Тег <SMALL> выводит более мелкий текст

Атрибуты
title
Показывает текст в виде всплывающей подсказки
Пример

Это обычный текст
А это уже более мелкий текст с использованием тега <SMALL>

Тег <sub> и обязательный парный ему </sub>

Тег <sub> приспускает текст

Пример

Текст с использованием тега <sub>
Формула воды - H2O

Тег <sup> и обязательный парный ему </sup>

Тег <sup> приподнимает текст

Пример

Текст с использованием тега <sup>
42 = 16

Тег <tt> и обязательный парный ему </tt>

Тег <tt> создает текст, имитирующий стиль печатной машинки

Пример

Это обычный текст
А это уже текст с использованием тега <tt>,имитирующий стиль печатной машинки

Тег <u> и обязательный парный ему </u>

Тег <u> указывает, что текст должен быть подчеркнут

Пример

Это обычный текст
А это уже текст с использованием тега <u>

При копировании материалов, ссылка на источник обязательна.

Назад

| Автор: А.Климов
Просмотров: 1285
Форум

Популярные темы:

  • Бесплатные хостинги (31)
  • Заработок на форумах (6)
  • Продажа контента (2)
  • Clickunder, Pop-under (2)
  • Оплата за клики (1)
  • Последние обновления:

  • Как максимально эффективно и в короткие сроки монетизировать (0)
  • Octo-Plus.net - партнёрка под юридический и студенческий тра (0)
  • ProxyMoney - Партнерка по продаже прокси, ратио продаж 1:150 (0)
  • ВНИМАНИЕ МОШЕННИЧЕСТВО (0)
  • МОШЕННИЧЕСТВО ЗАРАБОТОК НА QIWI КОШЕЛЕК - ДОСТУПНО КАЖДОМУ! (0)

  • Forex

    © 2026