Поделиться
ПР.Р. №2 - тэги форматирования 8 кл.doc
Разработка Web-сайтов. Тема - тэги HTML для форматирования Web-страницы.
Задание № 2: Добавьте в документ proba.htm тэги, с помощью которых можно задать
цвет фона и шрифта, различное начертание шрифта, выравнивание.
Откройте созданный документ proba.htm из своей папки, в заголовке окна браузера высвечивается название Web-страницы – Первое знакомство с тэгами HTML. Сверните это окно на Панель задач, для просмотра изменений в своей Web-странице необходимо выполнять команду Вид – Обновить.
1. Запустите текстовый редактор Блокнот, командой Файл – Открыть выведите на экран свой документ proba.htm; после внесения изменений в документе выполнять команду Файл – Сохранить.
2. Допечатав в свой документ тэги, выделенные жирным шрифтом, задайте цвет шрифта для всего текста и цвет фона документа:
<HTML>
<HEAD>
<TITLE>Первое знакомство с тэгами HTML</TITLE>
</HEAD>
<BODY TEXT=”#0000FF” BGCOLOR=”#808080”>
3. Допечатав тэги, выровняйте заголовки по центру и сделайте второй заголовок красного цвета:
<CENTER>
<H1>Моя личная страница.</H1>
<H2> <FONT COLOR="#FF0000"> Давайте познакомимся. </FONT> </H2>
<H3>Немного о себе:</H3>
</CENTER>
4. Допечатав тэги, измените толщину и цвет горизонтальной разделительной линии:
<HR SIZE="5" COLOR="#FFD800">
<OL>
<LI>Моё имя…</LI>
<LI>Мой адрес…</LI>
<LI>Контактные координаты…</LI>
</OL>
<HR>
5. Допечатайте текст, выровняйте его по ширине, применив тэги-параграфы для выравнивания; добавьте цветную горизонтальную разделительную линию:
<P ALIGN="JUSTIFY">
Я совсем недавно начал(а) знакомиться с виртуальной жизнью. Мне тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они смогли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомиться со мной и у меня появится ещё один виртуальный друг? :)
</P>
<HR SIZE="5" COLOR="#FFD800">
6. Допечатайте тэги для увеличения отступов маркированного списка:
<UL>
<LI>До встречи.</LI>
<UL><LI>Спасибо за внимание.</LI></UL>
<UL><UL><LI>Продолжение следует!</LI></UL></UL>
</UL>
7. Используйте тэг <BR> для переноса текста на другую строку, сделайте разноцветными примеры начертания шрифта:
<HR>
<FONT COLOR="#00FFFF">Обычный текст</FONT>
<BR>
<FONT COLOR="#FFFF00"><B>Жирный</B></FONT>
<BR>
<FONT COLOR="#000000"><I>Курсив</I></FONT>
<BR>
<FONT COLOR="#00FF00"><U>Подчеркнутый</U></FONT>
<BR>
<FONT COLOR="#FF00FF"><B><I><U>Жирный подчеркнутый курсив</B></I></U></FONT>
<HR SIZE="5" COLOR="#FFD800"></BODY>
</HTML>
8. Сохраните изменения в файле proba.htm.
Атрибуты задания цветовой схемы(цвета фона, текста и гиперссылок)
|
цвет |
код |
название |
цвет |
код |
название |
|
черный |
# 000000 |
black |
фуксия |
# FF00FF |
magenta |
|
белый |
# FFFFFF |
white |
бирюзовый |
# 00FFFF |
cyan |
|
красный |
# FF0000 |
red |
желтый |
# FFFF00 |
yellow |
|
зеленый |
# 00FF00 |
lime |
золотой |
# FFD800 |
gold |
|
синий |
# 0000FF |
blue |
оранжевый |
# FFA500 |
orange |
|
серый |
# 808080 |
gray |
коричневый |
# A82828 |
brown |
|
бордо |
# 800000 |
maroon |
темно-синий |
# 000080 |
navy |
|
зелень |
# 008000 |
green |
фиолетовый |
# 800080 |
purple |
|
оливки |
# 808000 |
olive |
чирок |
# 008080 |
teal |
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
