Понедельник, 22-01-2018
Заработай свою "копейку"
Меню сайта
Категории раздела
Виды заработка [2]
Описаны некоторые виды заработка в интернете, с чего начать зарабатывать деньги
Изучаем html [26]
Почтовый спонсор [39]
Биржи фрилансеров. [1]
Бонусы [0]
Понемногу обо всем [15]
Реклама
Советуем почитать
  • Была идея, стало много денег
  • Статистика


    publ - Главная » Статьи » Изучаем html

    Обрывы строк - управление внешним видом текста

    Обрывы строк

    Иногда необходимо чтобы текст размещенный в теге выводился в несколько строк или "разрывался" только в определенных местах. Для этого предусмотрены специальные теги.

    Теги разрыва строк:

    <BR> – Обрывает строку. Текст после этого тега выводится в следующей строке, а свойства (оформление) тега в котором он находится сохраняются. Закрывающего тега не требуется. Не все программы корректно обрабатывают тег <br>, в этом случае следует использовать <br />.

    <CLEAR> – Задание способа размещения (обтекания) текста вокруг "плавающего" элемента (таблицы, изображения и т.д. – элемента у которого задан атрибут align).

    <NOBR> – Запрет переноса строки. Тег является контейнером и требует закрывающего тега: <nobr>... Текст строки ...</nobr>. Вся информация помещенная в контейнер будет отображаться в одну строку, если строка больше видимой области то браузер создаст горизонтальную полосу прокрутки (это может испортить внешний вид сайта).

    <WBR> – Используется внутри контейнера <nobr>и задает место в котором можно "разорвать"строку.

    Значения атрибута CLEAR:

    all – Запрещает обтекание текста с двух сторон.

    left – Разрешает обтекание (расположенного после тега) с левой стороны плавающего объекта.

    right – Разрешает обтекание (расположенного после тега) с правой стороны плавающего объекта.

    none – Отменяет заданные свойства.

    Примеры использования:

    <p align=center><nobr>Пример очень длинной строки, которая не помещается на экран целиком.<wbr> Указав место переноса вы гарантируете сохранение красивого вида.</nobr></p>

    Пример очень длинной строки, которая не помещается на экран целиком. Указав место переноса вы гарантируете сохранение красивого вида.

    Пример обтекания текста вокруг изображения
    <img align=right ... ><p clear=all>... Текст ...</p><img align=right ... ><p clear=left>... Текст ...</p>

    Текст не обтекает картинку, а расположен после изображения.

    Текст обтекает изображение с левой стороны. Изображение "прижато" к правому краю ячейки таблицы. Изменив размер окна браузера Вы увидите как будет изменен вид текста.

    <img align=right ... ><p clear=none>... Текст ...</p><img align=right ... ><p clear=right>... Текст ...</p>

    Текст обтекает изображение с любой стороны, не зависимо от значения параметра align установленного для изображения.

    Текст обтекает изображение с правой стороны. Изображение "прижато" к левому краю ячейки таблицы. Изменив размер окна браузера Вы увидите как будет изменен вид текста.


    Язык и структура HTML...
    Служебная информация...
    Оформление материала...
    Скрипты...
    Единицы измерения...

    Категория: Изучаем html | Добавил: And64Kot (11-06-2010)
    Просмотров: 705 | Теги: br, clear, Обрывы строк, Примеры использования, WBR, обтекание, NOBR, Теги разрыва строк | Рейтинг: 0.0/0 |
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Поиск
    Курсы валют
    Курсы НБУ на сегодня
    Получи бонус WM

    Введи свой WMR кошелек

    Друзья
  • Херсон и херсонцы
  • Цветоводство
  • Все для веб-мастера
  • Программы для всех
  • Мир развлечений
  • Лучшие сайты Рунета
  • Кулинарные рецепты
  • Copyright MyCorp © 2018