Опубликован: 01.09.2010 | Уровень: для всех | Доступ: платный | ВУЗ: Сибирский федеральный университет
Лекция 2:

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

Управление разбивкой текста на строки (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 для разбивки текста на строки
Применение элементов 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 может содержать физическую и логическую разметку, а также якоря, изображения и горизонтальные линейки. Весь текст в элементе будет отображен моноширинным шрифтом.

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

Пример для элемента pre

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

Профессиональный веб-дизайн: Введение в современные веб-технологии
Самостоятельная работа 4

"3. Создание внешней таблицы.

Теперь создайте таблицу с двумя строками. Во второй строке создайте две ячейки - в первую переместите таблицу цифр, а во вторую - таблицу знаков."

Как в ячейку <td> поместить таблицу? Таблица же сама состоит из ячеек. Исходя из задания следует, что <td> может быть родителем для <td>, но это противоречит правилам HTML?
Если не прав - поправьте.
Также прошу разъяснить, как именно выполнить занное условие - поместить в табличную ячейку таблицу цифр, а в другую ячейку - таблицу знаков? 

Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Анатолий Федоров
Анатолий Федоров
Россия, Москва, Московский государственный университет им. М. В. Ломоносова, 1989
Галина Матрук
Галина Матрук
Молдова, Республика, Кишинев, UTM, 2010