***В файле urok.Htm добавьте новую строку – «нелюбимые предметы», задав размер слов 5, цвет надписи – зеленый. Задание 8. Выравнивание текста по горизонтали
Информация. С помощью тэгов HTML можно управлять горизонтальным выравниванием текста. Если не оговаривать способ выравнивания, все элементы в документе будут выравниваться по левому краю и иметь неровное правое поле.
Современные браузеры для выравнивания текста используется атрибут ALIGN=, который встраивается в теги абзаца или заголовка.
|
ALIGN=CENTER |
Выравнивание по центру |
|
ALIGN=RIGHT |
Выравнивание по правому краю |
|
ALIGN=LEFT |
Выравнивание по левому краю |
-
Внесите изменения в файл 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>
***В файле urok.Htm сделайте по центру 2 первые строки, цвета – желтый и красный, 2 последние – выравнивание по правому краю, цвета – лиловый и синий.
Задание 9. Задание цвета фона и текста
Информация. При изображении фона, текста браузеры используют цвета, установленные по умолчанию, - они заданы параметрами настройки браузера. Эти цвета устанавливаются в начале файла HTML в тэге <BODY…>. Запись цвета аналогична цвету шрифта (см. таблицу 1 п.12).
Атрибут BGCOLOR= задает цвет фона страницы, TEXT= определяет цвет текста для всей страницы, LINK= и VLINK= определяют цвета соответственно непросмотренных и просмотренных ссылок (последние два параметра будут рассмотрены позже).
-
Внесите изменения в файл 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>
***В файле urok.Htm измените цвет фона на свой выбор.
Самостоятельно создайте собственный HTML-документ. Пусть это будет небольшой рассказ о себе и своих увлечениях.
Задание 10. Размещение графики на Web-странице
Информация. Тэг <IMG …> позволяет вставить изображение в документ. Изображение появится в том месте документа, в котором записан этот тэг. Команда записывается с одиночным тэгом, т.е. закрывающий тэг не применяется.
Графика в Web, как правило, распространяется в трех форматах: GIF, JPG, PNG. Для выполнения упражнения считаем, что графический файл Wagon.gif хранится в рабочем каталоге HTML, где находится и наша Web-страница.
-
Внесите изменения в файл 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 …> имеет немало атрибутов (см. таблицу 2), которые можно задавать дополнительно. Они могут располагаться где угодно в тэге после кода IMG.
Атрибуты изображения Таблица 2
|
Атрибут |
Формат |
Описание |
|
ALT |
<IMG SRC="Wagon.gif" ALT="картина"> |
Если браузер не воспринимает изображение, вместо него появляется заменяющий текст. |
|
BORDER |
<IMG SRC="Wagon.gif" BORDER="3">
|
Задает толщину рамки вокруг изображения. Измеряется в пикселях. |
|
ALIGN |
<IMG SRC="Wagon.gif" ALIGN=TOP>
|
Выравнивает изображение относительно текста: по верхней части изображения – TOP, по нижней – BOTTOM, по средней – MIDDLE. |
|
HEIGHT |
<IMG SRC="Wagon.gif" HEIGHT=111>
|
Задает вертикальный размер изображения внутри окна браузера. |
|
WIDTH |
<IMG SRC="Wagon.gif" WIDTH=220 >
|
Задает горизонтальный размер изображения внутри окна браузера. |
|
VSPACE |
<IMG SRC="Wagon.gif" VSPACE="8">
|
Добавляет верхнее и нижнее пустые поля. |
|
HSPACE |
<IMG SRC="Wagon.gif" HSPACE="8"> |
Добавляет левое и правое пустые поля. |