- •Создание web-страниц
- •4. Название домашней страницы
- •Урок 2-3. Ввод текста и иной информации
- •1. Заголовки
- •2. Ввод текста
- •3. Как разбить текст на смысловые группы
- •3.1. Тег нового абзаца
- •2.3. Выравнивание
- •2.4. Толщина линии
- •Урок 6-7. Стилевое оформление текста
- •Введите фразу «Этот текст будет выведен курсивом» и выделите её курсивом на вашей страничке.
- •5. Подчеркивание
- •7. Нижние и верхние индексы
- •1.Задание фактического размера шрифта
- •2. Задание относительного размера шрифта
- •4. Управление цветом текста
- •Урок 10-11. Списки и таблицы
- •1. Как создать на странице список
- •1.1. Маркированный список
- •1.2. Нумерованный список
- •1.3. Списки определений
- •Списки в списках
- •2. Как построить на странице таблицу
- •Теги html для построения таблиц:
- •3. Цвета в таблице
- •Урок 12-13. Использование графики Рисунки и графика очень важны для www. Это единственное средство Интернета, позволяющее просматривать на экране одновременно изображения и текст.
- •Измените цвет фона Вашей страницы
- •Урок 14-15. Ссылки на Web-страницах.
- •1.Создание ссылки.
4. Управление цветом текста
Использование ключевого слова COLOR= тега <FONT> даёт возможность задавать один из нескольких цветов для отображения текста, например:
<FONT COLOR=RED>Красный текст</FONT>
В таблице приведены 16 цветов, которые можно использовать в странице сколь угодно часто.
Black |
Navy |
Blue |
Черный |
Темно-синий |
Синий |
Maroon |
Green |
Olive |
Малиновый |
Темно-зеленый |
Оливковый |
Purple |
Teal |
Gray |
Сиреневый |
Голубой |
Темно-серый |
Red |
Lime |
Yellow |
Красный |
Зеленый |
Желтый |
Fuchsia |
Aqua |
White |
Розовый |
Бирюзовый |
Белый |
Разумеется, ключевое слово COLOR можно использовать в сочетании с описанным выше ключевым словом SIZE. Существует еще один способ использования ключевых слов COLOR= в теге <FONT> и ТЕХТ= в теге <BODY> - использование 6-значного шестнадцатеричного кода. Все цвета на мониторе компьютера задаются смесью красного, зеленого и синего. Каждому из этих трех основных цветов соответствует 2 знака из шести шестнадцатеричных. Например, вы хотите получить на Web-странице чистый красный тон. Для этого используйте тег <FONT> следующим образом:
<FONT COLOR=#FFOOOO> Красный текст</FONТ>
Обратите внимание на тег, задающий шестнадцатеричный цвет. Каждому из основных цветов — красному, зеленому и синему — соответствуют два знака кода.
Сделайте текст разным цветом, используя не только слова, но и шестнадцатеричные коды.
Урок 10-11. Списки и таблицы
На этом уроке мы научимся оформлять списки и создавать таблицы. Как для таблиц, так и для списков существует ряд опций форматирования, управляющих их видом на странице.
Создайте файл, в котором напишите свое расписание.
1. Как создать на странице список
Существует три основных типа списков: маркированные, нумерованные и списки определений. Главное различие перечисленных типов состоит в способе нумерации и структуре.
1.1. Маркированный список
Наиболее часто используется ненумерованный, или маркированный список. Маркированный список задается тегами <UL> и </UL>, а пункты списка между этими тегами — с помощью тега <LI>.
1.2. Нумерованный список
Нумерованный список очень напоминает маркированный. Единственным отличием является то, что в нумерованном списке перед каждым пунктом вместо графических маркеров автоматически помещаются последовательные номера или буквы.
Нумерованный список задается с помощью тегов <OL> и </OL>. Как и в маркированном списке, каждый пункт задается тегом <LI>. По умолчанию списки HTML автоматически нумеруются с помощью арабских цифр – 1,2,3 и т.д. Можно задать другой способ нумерации. Чтобы изменить стандартный тип нумерации, добавьте в тег <OL> ключевое слово TAPE.
TAPE=1 – Стандартная нумерация(1,2,3,4,5, … )
TAPE=A – Прописные буквы(A, B, C, D, … )
TAPE=a – Срочные буквы(a, b, c, d, … )
TAPE=I – Римские цифры(I, II, III, IV, … )
TAPE=i – Строчные римские цифры(i, ii, iii, iv, …)
1.3. Списки определений
Списки определений выглядят несколько иначе, чем другие типы списков. Для описания каждого пункта списка в этом случае применяется два тега, а не один тег <LI>. Тег <DT> задает отдельный элемент, то есть определяемый термин, а тег <DD> — остальную информацию, которая выводится на следующей строке с отступом. Вторая строка информации называется определением. Задается список определений так же, как и другие списки. Единственное отличие — для каждого элемента требуется два тега.