Задание 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; Мы поможем в написании вашей работы!

Поделиться с друзьями:






Мы поможем в написании ваших работ!