- •Общие сведения о языке разметки гипертекста(html)
- •Общие сведения о языке разметки гипертекста (html)
- •Структура html-документа
- •Знакомство с графическими объектами
- •Создание gif-файлов
- •Цвета в html
- •Главное о форматировании текста
- •Заголовки
- •Начертание шрифта
- •Выравнивание и отступы
- •Выравнивание текста по левому или правому краю
- •Центрирование объектов
- •Поля вокруг изображения
- •Фоновые изображения и фоновый цвет
- •Локальные ссылки
- •Ссылка - строка
- •Ссылка - изображение
- •Якорь и ссылка на него
- •Глобальные ссылки
- •Дополнительные возможности форматирования текста
- •Текст, обтекающий границы объекта
- •Отображение текста в одной строке (без переноса на другую строку)
- •Выделение абзацев с помощью списков определений и полей
- •Рекомендации по проведению занятий
Главное о форматировании текста
Заголовки
Шрифты
Начертание шрифта
Списки
Выравнивание и отступы
Выравнивание текста по левому или правому краю
Центрирование объектов
Заголовки
Для создания заголовков в тексте используются теги заголовков <Hn>, где буква H указывает начало заголовка (Header), а цифра n - уровень заголовка. Например, HTML-код: <H2> Это заголовок 2-го уровня</H2> создаст в HTML-документе строку, форматированную как заголовок 2-го уровня. Всего существуют 6 уровней, различающихся размером шрифта. К заголовкам применимы атрибуты выравнивания (ALIGN). Можно также менять цвет текста заголовка. Размер шрифта менять не имеет смысла, так как он определяется уровнем заголовка. Задание 2.1.1. Создайте в рабочей папке документ headers.htm, содержащий заголовки всех шести уровней с текстами, указывающими номера уровней. Задание 2.1.2. Выровняйте все заголовки по центру страницы и раскрасьте тексты заголовков в различные цвета, исползуя тег <FONT> с атрибутом COLOR=.
Шрифты
Для выделения частей текста используются следующие теги: 1)жирный шрифт(Bold: <B></В>), 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> шрифт.
</BODY>
</HTML>
Атрибут SIZE=n тега <FONT> позволяет задавать размер шрифта в данной области. Если не используется тег<BASEFONT SIZE=n>для задания определенного размера шрифта на всей странице, то по умолчанию принимается 3. Заголовок<Н1>имеет размер 6. Шрифт больший, чем в<Н1>, можно задать тегом<FONT SIZE=7>. Главное преимущество тега<FONT>состоит в том, что он после окончания своего действия не разбивает строку, как теги<Нn>. Поэтому тег<FONT>бывает очень полезен для изменения размера шрифта в середине строки. Атрибут SIZE=+n или SIZE=-n тега позволяет изменить размер шрифта по сравнению с предыдущим.
<FONT SIZE=+4>самый большой - размера 7</FONT> <BR>
<FONT SIZE=-2>самый маленький - размера 1</FONT><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 - вероятность появления символа в сообщении. Текст должен быть фиолетевого цвета, формула - черного. Формула должна находиться по центру окна программы просмотра.