Названия и коды цветов
Русское название |
Английское название |
RGB-код |
Аквамарин |
aqua |
#00FFFF |
Белый |
white |
#FFFFFF |
Желтый |
yellow |
#FFFF00 |
Зеленый |
green |
#008000 |
Золотой |
gold |
#FFD700 |
Индиго |
indigo |
#460080 |
Каштановый |
maroon |
#800000 |
Красный |
red |
#FF0000 |
Оливковый |
olive |
#808000 |
Оранжевый |
orange |
#FFA500 |
Пурпурный |
purple |
#800080 |
Светло-зеленый |
lime |
#00FF00 |
Серебристый |
silver |
#C0C0C0 |
Серый |
gray |
#808080 |
Сизый |
teal |
#008080 |
Синий |
blue |
#0000FF |
Ультрамарин |
navy |
#000080 |
Фиолетовый |
violet |
#EE80EE |
Фуксиновый |
fuchsia |
#FF00FF |
Черный |
black |
#000000 |
Расчетное задание №1 Работа с текстовыми тэгами
Цель работы: научиться использовать текстовые тэги языка HTML.
Откройте программу Блокнот и наберите HTML-код следующей страницы:
Пример 1. Элементы форматирования текста.
<html>
<head><title> Элементы форматирования текста </title></head>
<body>
<center>
<font size=5 color="navy">Учимся оформлять тексты </font>
</center> <hr>
<p align=justify> Если Вы интересуетесь созданием Web-страниц,чтобы опубликовать в Сети свои размышления о жизни и судьбах человечества, изучайте <font size=3 color="red">язык HTML!</font>HTML -это своеобразная противоположность сложным языкам программирования и современным прикладным пакетам, на освоение которых требуется затратить (увы!) немало времени.</p>
<p> <b>Выделение текста жирным шрифтом B </b><br>
Обычный текст и <sub> элемент SUB </sub><br>
Обычный текст и <sup> элемент SUP </sup><br></p>
<p align="right"> Выравнивание текста по правому краю. Этот эффект достигнут за счет использования тэга < P > с его атрибутом "right"</p>
<p><pre>Тэг PRE запрещает форматирование
текста браузером и выводит его так,
как определил пользователь.</pre></p><hr>
<p><marquee bgcolor= "gold" height=50 behavior="alternate" >Бегущая строка </marquee>
</body></html>
Проанализируйте все, использующиеся на странице тэги.
Поэкспериментируйте с установками цвета, начертания и расположения текста страницы, меняя значения и, перезагружая документ в Web-браузере так, чтобы контролировать результат.
Добавьте в конец HTML – страницы нумерованный и маркированный списки.
Рис. 2
Пример 2. Фрагмент кода страницы, изображенной на рис.2.
<h3>Маркированный список</h3>
<ul>
<li>Пункт 1
<li>Пункт 2
</ul>
<h3>Нумерованный список</h3>
<ol>
<li>элемент
<li>элемент
</ol>
Создайте вложенный список, как показано на рис.3.
Рис. 3
Результат выполнения заданий сохраните в свою папку и продемонстрируйте преподавателю.