НОУ ИНТУИТ | Введение в современные веб-технологии. Лекция 2: Текстовые элементы HTML

Учитесь и получайте официальные документы БЕСПЛАТНО. Вы можете поддержать наш проект.

Регистрация Вход

Твой путь к знаниям!

Сибирский федеральный университет

Опубликован: 01.09.2010 | Доступ: свободный | Студентов: 4013 / 428 | Оценка: 4.08 / 3.78 | Длительность: 11:06:00

Темы: Интернет-технологии, Программирование

Специальности: Разработчик интернет-проектов

|

Вам нравится? Нравится 74 студентам

| Поделиться |

Поддержать курс

| Скачать электронную книгу

Управление разбивкой текста на строки (br, nobr, pre)

Как уже говорилось, разбивка на строки кода HTML-разметки не влечёт разбивки браузером на строки документа. Один из способов разрыва строки - применение блочного элемента, например, абзаца. Другой способ (исключающий добавление дополнительных отступов) - это вставка в текст элемента разрыва строки br. Существует и элемент nobr (нестандартный), имеющий противоположное назначение: текст, заключённый в него, не будет разбит браузером на строки, независимо от количества символов.

<title>Untitled Page</title>
</head>
<body>
  <p>
    Этот абзац будет разбит на строки
    <br />
    здесь и
    <br />
    здесь.</p>
  <p>
    <nobr>Этот очень длинный абзац вообще не будет разбит на строки - 
   пользуйтесь горизонтальной прокруткой. 
    Curabitur vitae tincidunt lorem... </nobr>
  </p>

Листинг 2.6. элементов HTML для разбивки текста на строки

Рис. 2.6. Применение элементов HTML для разбивки текста на строки

<title>Пример для элемента pre</title>
</head>
<body>
  <p>
    Далее приведён листинг программного кода, помещённый в HTML-элемент <code>
      pre</code>, и он отображается с теми же отступами, как в Visual Studio:</p>
  <pre>
        oDigits.onmousedown =
        oSigns.onmousedown =
        function(e) {
            var elem = null;
            if (e) elem = e.target;
            else elem = window.event.srcElement;
            elem.style.color = 'red';
        }
        oDigits.onmouseup =
        oSigns.onmouseup =
        function(e) {
            var elem = null;
            if (e) elem = e.target;
            else elem = window.event.srcElement;
            elem.style.color = '';
        }
  </pre>

Листинг 2.7. Пример для элемента pre

Элемент pre (преформатированный вывод) выделяет в разметке фрагмент, который браузер должен отобразить "как есть", теми же символами и с тем же разбиением на строки, включая все пробелы.

Текст внутри элемента pre может содержать физическую и логическую разметку, а также якоря, изображения и горизонтальные линейки. Весь текст в элементе будет отображен моноширинным шрифтом.

Чаще всего преформатированный вывод используется для представления исходных кодов программ, как в следующем примере.

Рис. 2.7. Пример для элемента pre

Дальше >>

Авторизоваться

Введение в современные веб-технологии

Текстовые элементы HTML

Управление разбивкой текста на строки (br, nobr, pre)

Вопросы и ответы