1.2. Разбиение текста на строки и абзацы
разбиение текста на строки и абзацы производится с использованием тегов, приведенных в табл. 2.
Таблица 2. Разбиение текста на строки и абзацы
Назначение |
Тег |
Конец строки |
<BR> |
Начало (конец) абзаца |
<P>…</P> |
Горизонтальная линия |
<HR> |
Предварительно отформатированный текст (например, разбитый на строки или с «лишними» пробелами) |
<PRE>…</PRE> |
Задание 4
1. Используя приложение Блокнот, создайте WEB-страничку, демонстрирующую разбиение текста на строки и абзацы.
2. для выполнения задания введите следующий текст:
<HTML>
<HEAD><TITLE>Некоторые приемы форматирования </TITLE> </HEAD>
<BODY>
Нажатием клавиши Enter осуществляется переход на следующую строку.
Однако
при просмотре документа
в браузере деление на строки иное.
Чтобы <BR> деление на строки
отображалось в браузере, <BR>
используйте соответствующий тег.
<P> Вместо тега, обозначающего конец строки, можно поставить тег абзаца. Это парный тег. </P>
Отделить части документа можно с помощью горизонтальной линии. <HR>
<PRE>
Существуют специальные теги
для отображения текста,
предварительно разбитого на строки
и с "лишними" пробелами. </PRE>
</BODY> </HTML>
3. Сохраните документ под именем Строки.html в папке page. Просмотрите его в браузере.
Результат выполнения задания приведен на рис. 4.
Рис. 4. Результат выполнения задания 4
Задание 5
1. Отредактируйте файл Primer1.html. Преобразуйте основную часть документа следующим образом:
Вот<BR>
некоторые приемы работы, <BR>
которые мы освоим: <PRE>
разбиение текста на строки и абзацы;
создание заголовков;
выравнивание текста;
начертание шрифта;
размер шрифта;
цвет шрифта и фона;
создание списков;
работа с таблицами;
бегущая строка.
</PRE>
2. Сохраните изменения и просмотрите страничку в браузере.
Результат выполнения задания приведен на рис. 5.
Рис. 5. Результат выполнения задания 5
1.3. Создание заголовков
создание заголовков выполняется при помощи тегов, приведенных в табл. 3.
Таблица 3. Теги для создания заголовков
Назначение |
Тег |
Заголовки от первого до шестого уровня |
<H1>…</H1> ….. <H6>…</H6> |
Задание 6
1. Используя приложение Блокнот, создайте документ с заголовками различных уровней.
2. введите следующий текст:
<HTML>
<HEAD><TITLE>Создание заголовков</TITLE></HEAD>
<BODY>
<H1>Заголовок первого уровня </H1>
<H2>Заголовок второго уровня </H2>
<H3>Заголовок третьего уровня </H3>
<H4>Заголовок четвертого уровня </H4>
<H5>Заголовок пятого уровня </H5>
<H6>Заголовок шестого уровня </H6>
</BODY> </HTML>
3. Сохраните документ под именем Заголовки.html и просмотрите его в браузере.
Результат выполнения задания приведен на рис. 6.
Рис. 6. Результат выполнения задания 6
Задание 7
Отредактируйте файл Primer1.html. В начало основной части документа вставьте заголовок третьего уровня Начальные сведения. Сохраните изменения и просмотрите документ в браузере.