Тема 3 оформление текста. Изменение параметров шрифта
Теги для оформления текста
<font> текст </font> |
Управление отображением фрагмента текста (части абзаца, целого абзаца или нескольких абзацев) |
<font face=”название шрифта”> текст </font> |
Параметр face - задание вида (названия, гарнитуры) шрифта, используемого при отображении текста на экране |
<font size=1…7> текст </font> <font size=+2> текст </font> <font size=-1> текст </font>
|
Параметр size — задание размера шрифта (значение — цифра от 1 до 7). Значение параметра size может содержать знак «+» или «-», указывающий, что требуется увеличить иди уменьшить величину шрифта на заданное количество условных единиц размера шрифта |
<font color=”цвет”> текст </font> |
Параметр color - задание цвета текстового фрагмента. Значением параметра color является название цвета - red, green и др. |
<big> текст </big> |
Увеличение размера шрифта на одну единицу (по сравнению с обычным размером) |
<small> текст </small> |
Уменьшение размера шрифта на одну единицу (по сравнению с обычным размером) |
<sub> текст </sub> |
Подстрочный индекс |
<sup> текст </sup> |
Надстрочный индекс |
<tt> текст </tt> |
Текст типа «пишущая машинка» |
<pre> текст </pre> |
Вывод текста на экран так, как он записал в HTML-коде, - со всеми пробелами и разбавкой на строки, имеющимися в исходном тексте. |
Уровень 1
Впишите необходимые теги и текст, чтобы получился HTML-код для web-страницы, показанной на образце. Можно воспользоваться файлом-заготовкой Urok3 (взять у преподавателя). Проверьте правильность выполнения задания на компьютере. Сохраните файл под названием Urok31
<__________>
<__________>
<title> _______________________ </title>
<__________>
<body>
<p _______=________> Обработка информации </___>
<______>
<p _______=________>
<___>Обработка информации </___>
- любое преобразование информации, производимое по определенным правилам. </____>
<p _______ = ________>
<____> Примером </____>
преобразования информации <____>
может служить редактирование <____>
текста или рисунка, вычисления.
</body>
<______>
Образец:
Уровень 2
Откройте файл Urok31. Отформатируйте в соответствии с образцом. Сохраните файл под новым названием Urok32.
1. Для заголовка «Обработка информации» примените настройки шрифта, задав начертание Tahoma, 6 размер шрифта и красный (или любой другой по вкусу) цвет букв:
<font face="Tahoma" size=6 color="red">
<b> Обработка информации </b>
</font>
2. Для разделительной черты установите настройки: синий (или любой другой по вкусу) цвет и ширина 4 пикселя:
<hr color="blue" size=4>
3. Для первого абзаца примените настройки шрифта, задав типа «пишущая машинка»:
<tt>
<i>Обработка информации </i> - любое преобразование информации, производимое по определенным правилам.
</tt>
4. Вставьте дополнительную разделительную черту между первым и вторым абзацами, цвет и размер выберите самостоятельно.
Образец:
Самостоятельная работа
С помощью разных параметров шрифта (размер, цвет, начертание и т.д.) оформить страничку с рассказом о себе.