Метки вида <Hi> (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.
Теги <P> ... </P> описывают абзац. Все, что заключено между <P> и </P>, воспринимается как один абзац.
Метки <Hi> и <P> могут содержать дополнительный атрибут ALIGN (от английского "выравнивать") (атрибут ALIGN может принимать три значения: LEFT – по левому краю, RIGHT – по правому краю и CENTER – по центру), например: <P ALIGN=RIGHT>Образец абзаца с выравниванием по правому краю</P>.
Задания.
11. Запустить программу Блокнот и открыть документ main.html.
12. Изменить документ так, чтобы надпись «Челябинский металлургический колледж» была заголовком первого уровня и выровнена по центру.
13. Добавить в документ вывод своей фамилии, имени, отчества как заголовок второго уровня с выравниванием по центру.
14. Добавить в документ параграф: Привет, меня зовут ….. Сейчас мы изучаем язык HTML (Hypertext Markup Language) и учимся делать web-страницу. Добавить в документ параграф: Страничка создана …, выровненный по правому краю.
15. Добавить в документ параграф: Мой адрес …, выровненный по правому краю.
16. Добавить в документ параграф: по всем вопросам обращаться: ls@nexcom.ru
17. Стили текста.
Тег FONT – определяет вид, размер и цвет шрифта для текста. Атрибут SIZE тега <FONT> позволяет задавать размер текста (значения от 1 до 7). Атрибут COLOR тега <FONT> позволяет изменять цвет шрифта (значения см. в лабораторной работе №1). Атрибут FACE задает имя шрифта. Тег <FONT> требует закрывающегося тега </FONT>
Задание:
18. Установить для слова Привет размер 5, цвет – желтый.
19. Для всего оставшегося параграфа: размер 4, цвет – maroon.
20. Для 3 последних абзацев установить шрифт: размер 2, цвет – зеленый.
21. Для слова Привет установить шрифт Impact.
22. Для своей фамилии, имен, отчества установить шрифт Arial Black.
Физические стили. Под физическим стилем принято понимать прямое указание броузеру на модификацию текущего шрифта.
Тег <B> делает текст жирным.
Тег <I>преобразует текст текста в курсив.
Тег <U> делает текст подчеркнутым.
Задание:
23. Подчеркнуть фамилию, имя, отчество.
24. Слово Привет написать курсивом.
25. Жирным шрифтом выделить имя.
26. Логические стили. При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные броузеры толкуют одни и те же метки логических стилей по-разному. Некоторые броузеры игнорируют некоторые метки вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.
<EM> ... </EM> –выделяет текст, обычно курсивом.
<STRONG> ... </STRONG> – выделяет текст жирным шрифтом.
<STRIKE>…</STRIKE>или <S> … </S>–выводит текст зачеркнутым.
<SUB> … </SUB>– выделяет текст, переводя его в нижний регистр.
<SUP> … </SUP>– переводит текст в верхний регистр, как степень.
<CODE> ... </CODE>– рекомендуется использовать для фрагментов исходных текстов. <SAMP> ... </SAMP>– рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами.
<KBD> ... </KBD>– рекомендуется использовать для указания того, что нужно ввести с клавиатуры.
<VAR> ... </VAR>– рекомендуется использовать для написания имен переменных.
Задание:
27. Строку ls@nexcom.ru выделить тегом <EM>.
28. Строку Страничка создана …выделить стилем <STRONG>.
29. Слово HTML зачеркнуть.
30. После слова 3DSTUDIO добавить предложение: Еще мы знаем немного математики, например разность кубов вычисляется по формуле: a3-b3=(a-b)*(a2+ab+b2), а сумма членов арифметической прогрессии равна: Sn=(a1+an)/2.
<PRE> ... </PRE> – текст выводится броузером на экран как есть – со всеми пробелами, символами табуляции и конца строки.
<BLOCKQUOTE> ... </BLOCKQUOTE> – текст выводится броузером на экран с увеличенным левым полем.
<MARQUEE> – создания бегущей строки. Рассмотрим несколько атрибутов: атрибут BGCOLOR = цвет устанавливает цвет фона бегущей строки, LOOP = значение устанавливает число повторов анимации бегущей строки (значение может быть целым или infinite – текст будет продолжать бегать пока читатель не перейдет на новую страницу). DIRECTION определяет направление: left (по умолчанию) – справа налево, right – слева направо.
<BR>. Эта метка используется, если необходимо перейти на новую строку, не прерывая абзаца. Очень удобно при публикации стихов.
Метка <HR>. Метка <HR> описывает горизонтальную линию. Метка может дополнительно включать атрибуты: ALIGN=тип: задается способ выравнивания линейки: по левому края, центру (по умолчанию) или правому краю. SIZE=пиксели: установка толщины линии в пикселях. WIDTH=значение: установка ширины линейки либо равной целому числу пикселей, либо в процентах от ширины страницы.
Задания:
31. Для первого абзаца увеличить левое поле.
32. Сделать строку«Челябинский металлургический колледж» бегущей, установив цвет фона gray, ширину подобрать таким образом, чтобы она равнялась длине строки.
33. Сделать строку Фамилия, имя, отчество бегущей, установив цвет фона gray, направление слева направо.
34. Нарисовать линию под надписью «Челябинский металлургический колледж» .
35. Нарисовать линию перед строкой Страничка создана…
