Задание 8. Гарнитура и цвет шрифта
Информация. Тэг <FONT> предоставляет возможности управления размером, начертанием и цветом текста. Изменение гарнитуры шрифта выполняется простым добавлением к тэгу <FONT> атрибута FACE. Например, для изображения текста шрифтом Arial необходимо записать < FONT FACE =" ARIAL ">.
Для изменения цвета шрифта в тэге <FONT> можно использовать атрибут COLOR =" X ".
Вместо X надо подставить либо название цвета (в кавычках), либо его шестнадцатеричное значение. При задании цвета шестнадцатеричным числом можно представить этот цвет разложенным на три составляющие: красную (R), зеленую (G), синюю (В), каждая из которых имеет значение от 0 до FF.
Примеры записи цвета в формате RGB приведены в табл. 3.
Таблица 3
Цвет | RRGGBB | Цвет | RRGGBB | |||
черный | black | 000000 | фиолетовый | purple | FF00FF | |
белый | white | FFFFFF | желтый | yellow | FFFF00 | |
красный | red | FF0000 | коричневый | brown | 996633 | |
зеленый | green | 00FF00 | оранжевый | orange | FF8000 | |
бирюзовый | azure | 00FFFF | лиловый | violet | 8000FF | |
синий | blue | 0000FF | серый | gray | A0A0A0 |
1. Внесите изменения в файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Учебный файл HTML </TITLE>
</HEAD>
<BODY>
<U><I><B><FONT COLOR="#FF0000" FACE=
"ARIAL"SIZE="7">Расписание</FONT></B></I></U>
занятий на вторник
</BODY>
</HTML>
2. Самостоятельно измените размер, цвет, гарнитуру, стиль текста документа.
|
|
Задание 9. Выравнивание текста по горизонтали
Информация. С помощью тэгов HTML можно управлять горизонтальным выравниванием текста. Если не оговаривать способ выравнивания, все элементы в документе будут выравниваться по левому краю и иметь неровное правое поле.
Современные браузеры для выравнивания текста используется атрибут ALIGN =,который встраивается в теги абзаца или заголовка.
Пример | Описание |
ALIGN=CENTER | Выравнивание по центру |
ALIGN=RIGHT | Выравнивание по правому краю |
ALIGN=LEFT | Выравнивание по левому краю |
1. Внесите изменения в файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Учебный файл HTML </TITLE>
</HEAD>
<BODY>
<P ALIGN=CENTER>
<FONT COLOR="#008080" SIZE="7"><B> Расписание
</B></FONT><BR>
<FONT SIZE="6"><I>занятий на вторник</I></FONT> </P>
</BODY>
</HTML>
Задание 10. Задание цвета фона и текста
Информация. При изображении фона, текста браузеры используют цвета, установленные по умолчанию, – они заданы параметрами настройки браузера.
Желаемые цвета можно задать в начале файла HTML в тэге <BODY …>. Запись цвета аналогична цвету шрифта (табл. 3). Атрибут BGCOLOR= задает цвет фона страницы, TEXT= определяет цвет текста для всей страницы, LINK = и VLINK= определяют цвета соответственно не просмотренных и просмотренных ссылок (последние два параметра будут рассмотрены позже).
|
|
1. Внесите изменения в файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Учебный файл HTML </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFCC" TEXT="#330066">
<P ALIGN=CENTER>
<FONT COLOR="#008080" SIZE="7"><B> Расписание
</B></FONT><BR>
<FONT SIZE="6"><I>занятий на вторник</I></FONT></P>
</BODY>
</HTML>
Упражнение 1
1. Проведите экспериментальную работу с созданным документом. Меняя размеры окна, посмотрите, как браузер показывает текст с принудительным разрывом строк. Что происходит, когда окно уменьшается настолько, что в нем не может поместиться целиком весь текст?
2. Самостоятельно создайте собственный HTML-документ. Пусть это будет небольшой рассказ о себе и своих увлечениях.
Задание 11. Размещение графики на Web -странице
Информация. Тэг < IMG ...> позволяет вставить изображение в документ. Изображение появится в том месте документа, в котором записан этот тэг. Команда записывается с одиночным (непарным) тэгом.
Графика в Web, как правило, распространяется в трех форматах: GIF, JPG, PNG. Для выполнения упражнения считаем, что графический файл Wagon.gif хранится в рабочем каталоге HTML, где находится и наша Web-страница.
|
|
1. Внесите изменения в файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Учебный файл HTML </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#330066">
<P ALIGN=CENTER>
<FONT COLOR="#008080" SIZE="7"><B> Расписание
</B></FONT><BR>
<FONT SIZE="6"> <I>занятий на вторник</I></FONT><BR><BR>
<IMG SRC="Wagon.gif">
</P>
</BODY>
</HTML>
Тэг < IMG ...> имеет немало атрибутов (табл. 4), которые можно задавать дополнительно. Они могут располагаться где угодно в тэге после кода IMG .
Таблица 4 – Атрибуты изображения
Дата добавления: 2021-03-18; просмотров: 136; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!