Запрет разрыва строки

Неразрывный пробел можно ввести в текст HTML-документа с использованием соответствующей ссылки на символ:  . Например;

Teкст,   отображаемый   без   nepeнoca.

Если текст, слова которого разделены неразрывны­ми пробелами, не помещается в окне браузера, то появится горизонтальная полоса прокрутки.

Когда необходимо выделить большой участок тек­ста, для которого недопустим автоматический пе­ренос слов, то гораздо целесообразнее использо­вать элемент NOBR. Ему соответствуют парные теги <NOBR> и </NOBR>. Весь текст, находящийся меж­ду этими тегами, будет отображаться браузером в одной строке, например:

<NOBR>

Этот текст отображается в одной строке независимо от ширины окна браузера

</NOBR>

Для вставки разрывов строк в тексте, заключенном между <NOBR> и </NOBR>, можно ис­пользовать рассмотренный ранее элемент BR.

Методические указания

HTML-документа представляет собой текстовый файл, созданный, например, в текстовом редакторе Блокнот. Поэтому, чтобы создать новый HTML-документа, необходимо для начала создать новый текстовый файл, присвоить ему имя и изменить его расширение на *.html.

Для просмотра HTML-документов используются браузеры. Поэтому, чтобы просмотреть HTML-документ, необходимо открыть его в каком-либо браузере (Opera, InternetExplorer и др.). Если при открытии HTML-документа браузер не отображает какую-либо информацию, возможно, есть ошибки при записи тегов.

Чтобы поместить простой текст на страницу, достаточно ввести его в те­ле документа. При этом браузер отобразит текст со шрифтом по умолчанию и цветом, задан­ным для текста тела страницы.

СОДЕРЖАНИЕ РАБОТЫ:

Задание №1

Проверьте работу всех примеров, представленных выше.

Задание №2

Создайте новый HTML-документ, в заголовке укажите свое Имя и Фамилию и номер работы.

Задание №3

Далее выполняя каждое новое задание, создавайте заголовок (любого уровня) с названием задания. (Например, «применение тега <STRONG>» или далее «Задание №5»)

Задание №4

Наберите выражение:

Задание №5

Наберите 2 строки текста и сделайте так, чтобы браузер отобразил ее на одной строке.

Задание №6

Примените все теги логического форматирования, согласно таблице:

Задание №7

Наберите текст, показанный на рисунке (чтобы он отображался в браузере как в первом примере):

Вопросы выходного контроля:

1. Расскажите, в чем заключается отличие физического и логического форматирования текста.

2. Поясните,с помощью каких тегов задается начертание текста.

3. Объясните, для чего используются тег <TT>, <KBD>.

4. Расскажите, в каких случаях можно использовать тег <PRE>. В чем его недостаток.

5. Поясните, в чем отличие тегов <BR> и <Р>.

6. Назовите виды заголовков, которые поддерживает HTML-документ и чем они отличаются.

Домашнее задание

Выучить теоретический материал, обучиться способам физического и логического форматирования текста на HTML-странице.

Список источников:

1 Чиртик А.А. HTML: популярный самоучитель / А.А.Чиртик. СПб: Питер, 2006.

2 Ташков П. Веб-мастеринг: HTML, CSS, JavaScript, PHP, CMS, графика, раскрутка. / П. Ташков, СПб: Питер, 2010.