Версия 11:07, 11 ноября 2010

Гипермаркет знаний>>Информатика>>Информатика 10 класс. Полные уроки>>Информатика: Работа с внешним видом текста.

Тема: Работа с внешним видом текста.

Цель: Научить изменять внешность текста с помощью специальных тэгов.

За внешний вид текста в языке html отвечает немало элементов.

Самые основные будут рассмотрены в этом уроке.

Итак, самый главный элемент, отвечающий за оформление текста, является тэг < font >.

Он имеет несколько параметров:

1) атрибут «сolor» – отвечает за цвет заключенного в контейнер текста.

Атрибут "color", как и другие атрибуты, не принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.

Собственно, сам цвет текста вводит в кавычках после знака равно. Вместо указаного цвеа «red» можно подставлять другие значения цветов.

< font color="red" > Это моя первая страница < /font >

2) атрибут «size» - отвечает за размер заключенного в контейнер текста.

3) атрибут «face» - отвечает за шрифт заключенного в контейнер текста.

< font color=”red” size=”+20” face="arial”>Это моя первая страница (шрифт Arial) < /font >

Следующие типы шрифтов по идее должны находиться на компьютере каждого пользователя и их можно безбоязненно использовать:

• Times New Roman
• Aria
• Helvetica
• Courier
• Verdana
• Tahoma
• Cosmic Sans
• Garamond

В атрибуте «face» можно указать несколько типов шрифтов через запятую, например:

< font face="arial, verdana, courier" > текст < /font >

В этом случае если у пользователя нет шрифта Arial, то текст будет отображен шрифтом Verdana.

Если нет Verdana, то текст будет отображен шрифтом Courier и т.д.

Если хочется использовать какой-то экзотический шрифт, то лучше сохранить текст с таким типом шрифта как картинку – и никаких проблем не будет.

Следующими элементами для работы с текстом рассмотрены ниже:

• < B > - Полужирный шрифт
• < I > - Выделяет шрифт курсивом
• < S > - Перечёркывает шрифт
• < U > - Подчеркивает текст
• < TT > отображает монотонный текст (как будто он набран на печатной машинке)

• < BLINK > Выводит мигающий текст.

• < SUB > означает нижний индекс, т.е. текст, заключённый в данный элемент, будет выводиться немного ниже базовой линии.
• < SUP > означает верхний индекс, т.е. текст, заключённый в данный элемент, будет выводиться немного выше базовой линии.

Вопросы:

1. Какой тэг отвечает за большинство изменений текста?

2. Особенности атрибутов COLOR, SIZE, FACE.

3. Какие шрифты есть стандартными и имеются на каждом ПК?

4. Какой тэг отвечает за: - курсивный шрифт - полужирный шрифт - подчеркнутый шрифт - зачеркнутый шрифт?

Список использованных источников:

1. Урок на тему: «HTML: внешний вид текста», Балабанов Г. А., г. Суми.

2. Квинт И. HTML и CSS на 100 %. - Питер, 2008 г.

3. Дуванов А.А Web-конструирование. HTML Основы информатики. - BHV-СПб, 2005 г.

Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.

Если у вас есть исправления или предложения к данному уроку, напишите нам.

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.