В коде не требуется соблюдать отступы

Внимание! Следите за пробелами между словами и за закрытием парных тегов!

 

2. Просмотрите полученную web-страницу.

На экране вы увидите то, что показано на рисунке ниже.

Рис.3.

При этом необходимо помнить следующее правило записи комбинированных тэгов:

<Тэг-1> <Тэг-2>... </Тэг-2> </Тэг-1> — правильная запись;

<Тэг-1> <Тэг-2>... </Тэг-1> </Тэг-2> — ошибочная запись.

 

Задание 2. Установка гарнитуры и цвета шрифта 1

Гарнитура и цвет шрифта

Тэг <FONT> предоставляет возможности управления размером, гарнитурой и цветом текста. Изменение гарнитуры выполняется простым добавлением к тэгу <FONT> атрибута FACE. Например, для написания шрифтом Arial: <FONT FACE="ARIAL">. Для изменения цвета шрифта используют в тэге <FONT> атрибут COLOR="X". Вместо Х записывается либо название цвета (в кавычках), либо его шестнадцатеричное значение. При задании цвета шестнадцатеричным числом можно представить этот цвет разложенным на три составляющие: красную (R — Red), зеленую (G — Green), синюю (В — Blue), каждая из которых имеет значение от 0 до FF. В этом случае мы имеем дело с так называемым форматом RGB. Примеры записи см. в Таблице 1.

Таблица 1. Запись цвета в формате RGB

Названия некоторых цветов (поддерживаемых всеми браузерами)
Имя цвета	Цвет	Описание	16-ричное значение	Имя цвета	Цвет	Описание	16-ричное значение
aqua		Голубой	#00ffff	navy		Темно-синий	#000080
black		Черный	#000000	olive		Оливковый	#808000
blue		Синий	#0000ff	purple		Фиолетовый	#800080
fuchsia		Фуксия	#ff00ff	red		Красный	#ff0000
gray		Серый	#808080	silver		Светло-серый	#c0c0c0
green		Зеленый	#008000	teal		Сине-зеленый	#008080
lime		Светло-зеленый	#00ff00	white		Белый	#ffffff
maroon		Темно-красный	#800000	yellow		Желтый	#ffff00

1. С помощью программыБлокнот создайте файл zad2.html

2. Изучите и наберите приведенный ниже код. Сохраните файл с кодировкой UTF-8.

3. Поэкспериментируйте с цветами и гарнитурами (гарнитура должна поддерживать шрифт русского языка).

Задание 3. Установка гарнитуры и цвета шрифта 2

 

1. С помощью программыБлокнот создайте файл zad3.html . Сохраните с кодировкой UTF-8. Задайте тип документа, создайте контейнеры html, головы и тела документа.

 

2. В тело документа впишите строку «Нас утро встречает прохладой».

 

3. Используя теги физического форматирования текста, поэтапно оформите фразу по приведенному ниже образцу (фон останется белый):

Нас утро встречает про хлад ой

3.1. Сначала задайте гарнитуру текста и начертание отдельных слов и букв. Сравните результат:

3.2. Затем задайте цвет самой первой цветной букве. Проверьте результат (буква «у» в слове «утро» должна стать красного цвета).

3.3. Самостоятельно задайте цвет остальным буквам и фрагментам слов (нескольким буквам за раз). Получится длинный код.

Примечание: В слове УТРО все буквы должны иметь разные цвета. В слове ПРОХЛАДОЙ оформить буквы ПРО – красным цветом, ОЙ – синим.

 

Результат (верхняя строка):

Задание 4. Установка размера текущего шрифта. Выравнивание текста по горизонтали

Тэг шрифта <FONT> позволяет задавать размер текущего шрифта в отдельных местах текста в диапазоне от 1 до 7.

1. Создайте файл zad4.html с помощью программы Блокнот (задайте тип документа, создайте контейнеры html, головы и тела документа), сохраните его с кодировкой UTF-8:

2. Самостоятельно измените размер шрифта для каждого из слов «занятий», «на» и «вторник», используя тэг <FONT>. Что у Вас получилось?

3. Измените оформление текста HTML-документа, используя тэг выделения абзаца текста (с выравниванием), тэг переноса строки, теги физического форматирования.

На экране вы увидите то, что показано на рисунке ниже.

Задание 5. Физическое форматирование 1

 

Самостоятельно создайте отдельный файл zad5.html с помощью программы Блокнот (задайте тип документа, создайте контейнеры html, головы и тела документа), в котором к тексту будут применены описанные ниже параметры форматирования. Сохраните файл с кодировкой UTF-8.

 

Предлагаемые теги и атрибуты для форматирования:

Абзац (выравнивание: по центру, по левому краю, по правому краю), жирный текст, наклонный текст, подчеркнутый текст, горизонтальная разделительная линия.

Примечание: Горизонтальная разделительная линия <HR> выравнивается по центру, её размер составляет 50% (процентов) от размера экрана, толщина равняется трём, цвет – зеленый.

 

 

Исходный текст текста (можете скопировать):

Вокзал и Bell-vue

У пристани, на берегу моря, устроен с 1849 года красивый вокзал, где желающие могут иметь удобное помещение в особых комнатах. Отдельные комнаты можно иметь и в строении Bell-vue на берегу моря, вблизи вокзала. Вид на море с балконов Bell-vue вполне оправдывает это название.

В продолжение летнего сезона в вокзале и Bell-vue помещается кафе-ресторан. В обширной, светлой зале вокзала устраиваются петергофскими жителями летом балы, в саду вокзала играет оркестр.

 

Задание 6. Физическое форматирование 2

 

Самостоятельно создайте отдельный файл zad6.html с помощью программы Блокнот (задайте тип документа, создайте контейнеры html, головы и тела документа), в котором к тексту будут применены нижеприведённые теги….

 

Примечание: Внутри тега головы документа обязательно задайте кодировку UTF-8.

 

Теги, выводящие текст в верхнем и нижнем индексах удобны для вывода математических и химических формул.

Теги <SUB></SUB> выводят текст ниже уровня строки шрифтом меньшего размера.

Теги <SUP></SUP> выводят текст выше уровня строки шрифтом меньшего размера.

 

Сохраните файл с кодировкой UTF-8.

 

Результат:

 

 

А теперь с помощью тега <MARQUEE></MARQUEE> сделайте так, чтобы в начале страницы пробегала бегущая строка с надписью «Я Вас люблю, чего же боле, но всё же Вам хочу сказать, что надо знать…» с бесконечным числом повторов (атрибуту loop присвоить значение -1 минус один).

 

Результат:

 

Задание 7. Теги логического форматирования.

 

Самостоятельно создайте отдельный файл zad7.html

Используя теги заголовка первого уровня (большая жирная строка), абзаца, физического (первая строка текста) и логического форматирования текста, реализуйте следующую страницу (рисунок ниже).

 

Примечание: Внутри тега головы документа обязательно задайте кодировку UTF-8.

 

Сохраните файл с кодировкой UTF-8.

 

 

Задание 8. Энциклопедия

 

Самостоятельно создайте отдельный файл zad8.html . Внутри тега головы документа также задайте кодировку UTF-8. Сохраните файл с кодировкой UTF-8.

Используя теги абзаца (с выравниванием), физического форматирования текста и escape-последовательности, реализуйте следующую страницу:

Подсказка: список escape-последовательностей вы можете найти вот здесь (клик): https://ru.wikipedia.org/wiki/%D0%9C%D0%BD%D0%B5%D0%BC%D0%BE%D0%BD%D0%B8%D0%BA%D0%B8_%D0%B2_HTML

 

Исходный текст, который вы можете скопировать:

ЛИТИЯ ГЕКСАФТОРОАРСЕНАТ LiAsF6, крист.; tразд 350С хорошо раств. в воде и орг. р-рителях. Получ. взаимод. AsF5 с LiF в жидком HF или р-цией др. соед. As с HF-кислотой. Компонент электролитов (на основе орг. р-рителей) для хим. источников тока, кат. полимеризации олефинов.

ЛИТИЯ ГИДРИД LiH, tпл 688С с водой образует LiOH и H2. Получ.: гидрирование Li ок. 700С или при давл. 12 МПа и ок. 300С восст. Li2O или LiOH алюминием или магнием в атм. H2. Примен.: источник H2 для наполнения аэростатов и спасат. снаряжения — надувных лодок, поясов и др.; восстановитель в орг. синтезе; для получ. литийорг. соед., бороводородов, LiAlH4 и LiBH4, трития.

ЛИТИЯ ГИДРОКСИД LiOH, tпл 471С, tкип 925C (с разл.).; раств. в воде (11,14% при 25С), плохо — в орг. р-рителях; образует кристаллогидраты. Получ.: взаимод. Li или Li2O с водой; р-ция соли Li с Ba(OH)2 или Ca(OH)2; электролиз LiCl на ртутном катоде. Примен.: компонент электролитов в щел. аккумуляторах; для получ. солей Li; поглотитель CO2 в противогазах, подводных лодках, самолетах и космич. кораблях. Вызывает тяжелые ожоги кожи и слизистых оболочек.