- •Рекомендации по проведению занятий
- •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 с.
2. Главное о форматировании текста
2.1. Заголовки
Для создания заголовков в тексте используются теги заголовков <Hn>, где буква H указывает начало заголовка (Header), а цифра n - уровень заголовка. Например, HTML-код: <H2>Это заголовок 2-го уровня</H2> создаст в HTML-документе строку, форматированную как заголовок 2-го уровня. Всего существуют 6 уровней, различающихся размером шрифта. К заголовкам применимы атрибуты выравнивания (ALIGN). Можно также менять цвет текста заголовка. Размер шрифта менять не имеет смысла, так как он определяется уровнем заголовка.
Задание 2.1.1. Создайте в рабочей папке документ headers.htm, содержащий заголовки всех шести уровней с текстами, указывающими номера уровней.
Задание 2.1.2. Выровняйте все заголовки по центру страницы и раскрасьте тексты заголовков в различные цвета, исползуя тег <FONT> с атрибутом COLOR=.
2.2. Шрифты
Для выделения частей текста используются следующие теги: 1)жирный шрифт (Bold: <В></В>), 2)курсив (Italic: <I></I>), 3)большой размер шрифта (<BIG></BIG>), 4)малый размер шрифта (<SMALL></SMALL>), 5)тег <FONT> с атрибутом SIZE=n, SIZE=+n или SIZE=-n. Кроме того, можно использовать верхний и нижний индексы <SUP> и <SUB>, а также специальные символы из шрифта "Symbols". Для вставки специальных символов используется тег <FONT> с атрибутом FACE="SYMBOL". Например, следующий HTML-код, записанный в файле type.htm, реализует и поясняет использование шрифтов.
<HTML><HEAD><TITLE>Formatting text</TITLE></HEAD>
<BODY> Так выглядят <B>жирный</B> и <I>наклонный</I> шрифты, а так - относительно <BIG>большой</BIG> и <SMALL>маленький</SMALL> шрифт. <BR><BR>
Атрибут SIZE=n тега <FONT> позволяет задавать размер шрифта в данной области. Если не используется тег <BASEFONT SIZE=n> для задания определенного размера шрифта на всей странице, то по умолчанию принимается 3.
Заголовок <Н1> имеет размер 6. Шрифт больший, чем в <Н1>, можно задать тегом <FONT SIZE=7>.
Главное преимущество тега <FONT> состоит в том, что он после окончания своего действия не разбивает строку, как теги <Нn>. Поэтому тег <FONT> бывает очень полезен для изменения размера шрифта в середине строки.<BR>
Атрибут SIZE=+n или SIZE=-n тега <FONT> позволяет изменить размер шрифта по сравнению с предыдущим.<BR><BR>
<FONT SIZE=+4>самый большой - размера 7</FONT> <BR>
<FONT SIZE=-2>самый маленький - размера 1</FONT> <BR><BR>
Это - <SUP>верхние</SUP> и <SUB>нижние</SUB> индексы. Рассматриваемые теги позволяют создать внутри текстовой области верхние или нижние индексы любого размера. <BR>
Верхние и нижние индексы необходимы для записи:<BR>
1)товарных марок<SUP><FONT SIZE=1>TM</FONT></SUP>,<BR>
2)символов копирайта ©,<BR>
3)ссылок и сносок <SUB><FONT SIZE=1>12</FONT></SUB>.<BR>
Чтобы они казались больше или меньше окружающего текста, можно использовать теги <SUP> и <SUB> совместно с тегом <FONT SIZE=>. <BR><BR>
А это - спецсимволы типа <FONT FACE="SYMBOL">abcd</FONT>
</BODY>
</HTML>
Задание 2.2.1. Используя документ type.htm как исходный, записать в рабочую папку файл type1.htm, в котором должны содержаться семь тегов <FONT> со значениями атрибута SIZE= от 1 до 7.
Задание 2.2.2. Используя документ type1.htm как исходный, записать в рабочую папку файл type2.htm, в котором испытать все возможные значения атрибута SIZE= тега <BASEFONT>.
Задание 2.2.3. Используя документ type2.htm как исходный, записать в рабочую папку файл type3.htm, в котором заменить теги <BIG> на <SMALL> и наоборот.
Задание 2.2.4. Используя документ type3.htm как исходный, записать в рабочую папку файл type4.htm, в котором заменить верхние индексы на нижние и наоборот.
Задание 2.2.5. Создайте в рабочей папке HTML-документ formula1.htm, в котором запишите следующую формулу: y=cos(a-b)
Задание 2.2.6. Создайте в рабочей папке HTML-документ formula2.htm, в котором на белом фоне написан следующий текст: Согласно теории информации Шеннона, среднее количество информации, приходящееся на один произвольный символ сообщения, составляет
H = Spi*log2(1/pi) (бит),
где pi - вероятность появления символа в сообщении.
Текст должен быть фиолетевого цвета, формула - черного. Формула должна находиться по центру окна программы просмотра.