- •Рекомендации по проведению занятий
- •1. Общие сведения о языке разметки гипертекста (html)
- •1.1. Структура html-документа
- •1.2. Знакомство с таблицами
- •1.3. Знакомство с графическими объектами
- •1.4. Создание gif-файлов
- •1.5. Цвета в html
- •2. Главное о форматировании текста
- •2.1. Заголовки
- •2.2. Шрифты
- •2.3. Начертание шрифта
- •2.4. Списки
- •2.5. Выравнивание и отступы
- •2.5.1. Выравнивание текста по левому или правому краю
- •2.5.2. Центрирование объектов
- •3. Работа c изображениями
- •3.1. Поля вокруг изображения
- •3.2. Фоновые изображения и фоновый цвет
- •4. Ссылки
- •4.1. Локальные ссылки
- •4.1.1. Ссылка - строка
- •4.1.2. Ссылка - изображение
- •4.1.3. Якорь и ссылка на него
- •4.2. Глобальные ссылки
- •5. Дополнительные возможности форматирования текста
- •5.1. Текст, обтекающий границы объекта
- •5.2. Отображение текста в одной строке (без переноса на другую строку)
- •5.3. Выделение абзацев с помощью списков определений и полей
- •6. Элегантные списки
- •6.1. Красивые нумерованные списки
- •6.2. Смена порядка нумерации в списке
- •7. Теги из разряда неосновных
- •7.1. Красивые толстые и тонкие горизонтальные линии
- •7.2. Вертикальная пунктирная линия с уменьшающейся длиной штриха
- •7.3. Ступеньки
- •7.4. Загрузка html-страниц
- •7.5. Показ html-тегов
- •8. Дополнительные возможности ms Internet Explorer
- •8.1. Бегущая строка
- •8.2. Прослушивание звуковых файлов
- •Задание 8.2.1. Используя документ bgsound.Htm как исходный, записать в рабочую папку файл bgsound1.Htm, в котором увеличить длительность звучания в два раза.
- •9. Дополнительные возможности Netscape Navigator
- •Библиографический список
- •Дорошев в.И., Хахаев и.А., Мошенский с.А. Работа в компьютерной сети internet. / Учебное пособие. Для студентов всех специальностей всех форм обучения. - Спб.: сПбТэи, 1998. - 32 с.
- •Климова р.Н., Сорокина м.В., Хахаев и.А., Мошенский с.А. Информатика торговой фирмы / Учебное пособие. Для студентов всех специальностей всех форм обучения. - Спб.: сПбТэи, 1998. - 32 с.
5.2. Отображение текста в одной строке (без переноса на другую строку)
Teг <NOBR> (No Break, без обрыва) дает программе просмотра команду отображать весь текст в одной строке, не обрывая ее. Например, необходимо, чтобы заголовок уместился в одной строке и ни при каких обстоятельствах не был бы разбит на несколько строк. Такой заголовок нужно записать между тегами <NOBR> и </NOBR>.
В файле NOBR.htm записан следующий HTML-код:
<HTML><BODY><H4> <NOBR>Если текст, заключенный в теги <NOBR> и </NOBR>, не поместится на экране, то программа просмотра добавит в нижней части окна документа горизонтальную полосу прокрутки. </NOBR> Если вы хотите оборвать строку в определенном месте, поставьте там тег <BR>. <BR> Например, если строка содержит длинное имя компании и вы не хотите его разбивать, то поместите тег <NOBR> перед именем компании. <BR> С помощью тега <WBR> (Word Break, разбиение слова) можно указать места, <BR> в которых разрешается переносить текст в случае необходимости. </H4></BODY></HTML>
Задание 5.2.1. Просмотреть страницу, создаваемую файлом NOBR.htm. Обратить внимание на первую строку страницы и горизонтальную полосу прокрутки.
Задание 5.2.2. Используя файл NOBR.htm как исходный, записать в рабочую папку файл NOBR1.htm, в котором тег </NOBR> переместить к тегу </H4> и использовать несколько тегов <WBR>. Выяснить отличие действия <WBR> от действия <BR>.
5.3. Выделение абзацев с помощью списков определений и полей
Иногда бывает необходимо привлечь внимание читателей к наиболее важным разделам в тексте. На странице с обилием информации следует отделить введение от основной части, пропустив немного места. Помимо того, что страница станет лучше выглядеть, такой текст легче читать, ведь многие программы просмотра стремятся втиснуть как можно больше в окно просмотра, совсем не оставляя полей. Существует несколько способов отделить части текста друг от друга. Каждый из них имеет свои достоинства и недостатки.
Первый способ отделения текста - использование тега списка <DL> (Definition List), он напоминает применение отступов в обычных текстовых редакторах. Тег <DL> был создан для форматирования текста, определяющего какой-то термин. Определяемый термин записывается на одной строке, а его определение - на следующей, с небольшим отступом вправо. Тег <DL> позволяет создавать отдельные абзацы с отступом без нумерации или маркеров. Отступ делается от левого края. В конце определения поместите закрывающий тег </DL>.
В файле DL1.htm используется тег <DL>, а также пояснен второй способ отделения текста:
<HTML><BODY>
Этот абзац записан без сдвига. <P>
<DL><DL>Тег <DL> сдвигает только левую границу абзаца. </DL><P>
<DL><DL> Если у Вас на странице несколько тегов <DL>, то текст постепенно сдвигается все больше вправо.</DL></DL></DL><P>
<BLOCKQUOTE>Второй способ отделения текста - использование тега <BLOCKQUOTE>, который добавляет поля слева и справа от текста. </BLOCKQUOTE><P>
<BLOCKQUOTE><BLOCKQUOTE>Это полезный тег, поскольку он позволяет расположить текст компактно в центре страницы. При использовании <BLOCKQUOTE> несколько раз текст все больше сжимается к центру. </BLOCKQUOTE></BLOCKQUOTE><P>
</BODY></HTML>
В файле DL2.htm пояснен третий способ отделения текста:
<HTML><BODY LEFTMARGIN="100">
Третий способ отделения текста применим для программы просмотра MS Internet Explorer, которая допускает применение атрибутов LEFTMARGIN=n и TOPMARGIN=n в теге <BODY>. Атрибут LEFTMARGIN= задает левое поле для всей страницы. TOPMARGIN= определяет верхнее поле. Число n показывает ширину поля в пикселях. Например, на данной странице тег <BODY LEFTMARGIN="100"> создает на всей странице левое поле шириной 100 пикселей. При n, равном 0, левое поле отсутствует.
</BODY></HTML>
Задание 5.3.1. Просмотреть страницы, создаваемые файлами DL1.htm и DL2.htm. Уяснить влияние тегов и атрибутов.
Задание 5.3.2. Используя файлы DL1.htm и DL2.htm как исходные, записать в рабочую папку файлы DL3.htm и DL4.htm, в которых по своему вкусу расставить абзацы, центрировать текст и создать левое поле.
Задание 5.3.3. Используя файл DL4.htm как исходный, записать в рабочую папку файл DL5.htm, в котором применить атрибут TOPMARGIN=n.